/* SitePaketim Studio — Premium Design System v0.2.0 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
 --ink:#101b30;--muted:#718098;--purple:#3b65ff;--cyan:#25c9d0;--white:#fff;
 --line:#e7ebf3;--bg:#f7f9fd;--green:#0ea77a;
 --grad:linear-gradient(112deg,#3567ff,#4968f6 54%,#2a9fd6);
 --shadow:0 18px 56px rgba(20,40,77,.075);
 --night:#0a1327;--blue:#3b65ff;
 font-family:'DM Sans','Segoe UI',sans-serif;
}
html{scroll-padding-top:85px}
body{background:#fff;color:var(--ink);font-size:14px;line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.055em;color:inherit}
h1{font-weight:800}h2{font-weight:800}
p{color:#68768c}a{color:var(--blue)}a:hover{color:#2350d1}
.container{width:min(1240px,calc(100% - 64px))}
.site-header{height:88px;background:rgba(255,255,255,.97);border-color:#edf0f5;box-shadow:0 1px 0 rgba(9,23,48,.025);backdrop-filter:blur(20px)}
.header-inner{gap:34px}.brand{gap:12px;color:#111d34}.brand:hover{color:#111d34}
.brand-mark{width:43px;height:43px;margin-right:0;background:#102041;border-radius:14px;overflow:hidden;box-shadow:0 7px 14px #1d4dba26;transform:none}
.brand-mark .brand-layer{position:absolute;width:22px;height:9px;left:11px;background:#fff;border-radius:3px;transform:rotate(-31deg) skewX(26deg)}
.brand-mark .brand-layer-one{top:10px;background:#56d8e7}.brand-mark .brand-layer-two{top:19px;background:#4d83ff}.brand-mark .brand-layer-three{top:28px;background:#fff}
.brand-copy strong{font-family:'Manrope',sans-serif;font-size:23px;font-weight:800;letter-spacing:-.085em;line-height:1.05}
.brand-copy strong span{color:#3d64ff}.brand-copy strong .brand-dot{color:#19becd}
.brand-copy small{font-size:9px;color:#8a98ac;letter-spacing:.025em;margin:5px 0 0 1px}
.main-nav{gap:28px;margin:auto}.main-nav a,.nav-account{font-size:12px;color:#495974;font-weight:700;letter-spacing:-.015em}
.main-nav a:hover,.main-nav a.active,.nav-account:hover{color:#2c5ffb}.main-nav a.active:after{content:'';height:2px;background:#3466fe;display:block;border-radius:2px;margin-top:3px}
.header-actions{gap:19px}
.btn{border-radius:11px;font-size:12px;letter-spacing:-.008em;box-shadow:none;font-weight:800;padding:13px 22px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.btn-primary{background:#3969ff;color:white;box-shadow:0 12px 25px rgba(49,101,252,.19)}.btn-primary:hover{color:#fff;background:#2157f3;box-shadow:0 17px 31px rgba(49,101,252,.27);transform:translateY(-2px)}
.btn-outline{border-color:#dce3f0;color:#172541;background:#fff}.btn-outline:hover{border-color:#93b2ff;background:#f8fbff;color:#2558e9}
.btn-light{background:#f1f5ff;border-color:#e4eafe;color:#274fbe}.btn-dark{background:#111e3a;color:#fff}.btn-dark:hover{background:#263e75;color:#fff}
.btn-sm{padding:11px 17px;font-size:11px;border-radius:9px}.btn-lg{padding:17px 25px;font-size:13px;border-radius:12px}
.header-cta{background:#0b1731;box-shadow:0 8px 19px #07132b23;padding:12px 18px}.header-cta:hover{background:#244cf0}.header-cta span{font-size:17px;font-weight:500;margin-left:6px}
/* Editorial hero — fully custom SitePaketim */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:94px 0 112px;background:radial-gradient(ellipse at 72% 46%,#15396a 0%,transparent 47%),linear-gradient(126deg,#091126 5%,#0b1630 61%,#0c1e3d 100%);color:white}
.hero-light{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(5px)}
.hero-light-a{width:660px;height:660px;right:-120px;top:-280px;background:radial-gradient(circle,#376aff38,transparent 65%)}
.hero-light-b{width:560px;height:560px;left:-310px;bottom:-340px;background:radial-gradient(circle,#29c8c329,transparent 69%)}
.hero-mesh{position:absolute;inset:0;z-index:-1;opacity:.25;background-image:linear-gradient(#ffffff11 1px,transparent 1px),linear-gradient(90deg,#ffffff11 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 20%,black 100%)}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:42px;align-items:center;min-height:550px}
.hero-text{position:relative;z-index:3;padding:20px 0}
.hero-label{display:inline-flex;align-items:center;gap:10px;background:#122c4c;border:1px solid #2e4c74;color:#c9dbf6;font-size:10px;font-weight:800;letter-spacing:.115em;padding:10px 15px;border-radius:30px}
.live-dot{width:7px;height:7px;background:#3fe6c9;border-radius:50%;box-shadow:0 0 0 4px #3fe6c920,0 0 14px #52f9d6}
.hero-text h1{font-family:'Manrope',sans-serif;max-width:650px;font-size:clamp(44px,4.4vw,69px);line-height:1.12;letter-spacing:-.072em;margin:27px 0 23px;font-weight:800;color:#fff}
.hero-text h1 em{font-style:normal;color:#60dbeb;background:linear-gradient(115deg,#74e5f0,#6b9cff 72%,#b2b7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-text>p{max-width:540px;color:#aebed6;font-size:15px;line-height:1.85;margin-bottom:30px}
.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.hero-buttons .btn-primary{background:#4577ff;padding:18px 26px;box-shadow:0 15px 37px #3465fd3d}
.hero-buttons .btn-glass{background:#ffffff13;border:1px solid #ffffff39;color:#fff;box-shadow:none;padding:17px 21px}
.hero-buttons .btn-glass:hover{background:#ffffff26}.play-icon{font-size:10px;display:grid;place-items:center;border:1px solid #a9bee6;width:25px;height:25px;border-radius:50%;padding-left:1px}
.hero-highlights{display:flex;flex-wrap:wrap;gap:12px 19px;margin:0;color:#c0cde0;font-size:11px}
.hero-highlights span{display:flex;align-items:center;gap:7px}.hero-highlights b{font-size:10px;color:#64dccb}
.hero-caption{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff1b;padding-top:22px;margin-top:30px}
.caption-avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(160deg,#2f6cff,#0c9ab6);display:grid;place-items:center;font-weight:900;font-size:24px;position:relative}
.caption-avatar span{position:absolute;right:-6px;bottom:-4px;width:17px;height:17px;border-radius:6px;display:grid;place-items:center;color:#06283b;background:#3eebd0;font-size:13px}
.hero-caption>span:last-child{display:grid;gap:1px}.hero-caption strong{font-size:11px;color:#fff}.hero-caption small{color:#9bacc9;font-size:10px}
.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:visible}
.hero-graphic-ring{position:absolute;border:1px solid #ffffff16;width:600px;height:600px;top:0;left:0;border-radius:50%;box-shadow:0 0 0 60px #ffffff05,0 0 0 120px #ffffff03}
.hero-preview-browser{position:relative;width:100%;max-width:560px;height:440px;background:#fff;border:1px solid #ffffff80;border-radius:17px;box-shadow:0 30px 90px #020913a8,0 0 0 9px #ffffff0d;overflow:hidden;transform:perspective(1100px) rotateY(-6deg) rotateX(2deg) rotateZ(-2deg);transform-origin:center left}
.hero-browser-top{height:39px;display:flex;align-items:center;gap:13px;background:#f9fafc;border-bottom:1px solid #e9ebef;padding:0 15px}
.browser-dots{display:flex;gap:5px}.browser-dots i,.mock-dots i{width:7px;height:7px;border-radius:50%;background:#ff9790}.browser-dots i:nth-child(2),.mock-dots i:nth-child(2){background:#ffd37c}.browser-dots i:nth-child(3),.mock-dots i:nth-child(3){background:#66d4a6}
.browser-address{margin:auto;border:1px solid #edf0f5;background:#fff;border-radius:5px;color:#7d8aa0;font-size:9px;line-height:20px;padding:0 60px}
.address-lock{color:#33b593;margin-right:5px}.browser-icon{font-size:16px;color:#7488a2}
.hero-preview-site{background:#f4f0e8;height:calc(100% - 39px);color:#202b2c;position:relative}
.preview-nav{height:64px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-family:'Manrope',sans-serif;background:#f9f7f3}
.preview-nav strong{font-size:16px;letter-spacing:-.09em;font-weight:900}.preview-nav strong span{font-size:6px;vertical-align:top;padding-left:2px}
.preview-nav>span{font-size:8px;letter-spacing:.04em;font-weight:800;color:#5d6560}
.preview-content{display:grid;grid-template-columns:49% 51%;height:305px;overflow:hidden}
.preview-headline{display:flex;flex-direction:column;justify-content:center;padding:30px 10px 35px 28px;position:relative;z-index:2}
.preview-headline>small{font-size:7px;letter-spacing:.11em;color:#667272;font-weight:800}
.preview-headline>strong{font-family:Georgia,serif;font-size:51px;font-weight:400;line-height:1.01;letter-spacing:-.055em;margin:22px 0 12px}
.preview-headline>strong i{font-weight:400;color:#8b998a}.preview-headline>span{font-size:9px;line-height:1.6;color:#718079;max-width:190px}
.preview-headline>b{margin-top:23px;font-size:9px;font-weight:800;letter-spacing:.02em}
.preview-headline>b i{margin-left:8px;font-style:normal}
.preview-building{position:relative;overflow:hidden;background:linear-gradient(160deg,#c3d1c6,#e3dfd1 68%,#f0e9d6)}
.building-sun{position:absolute;width:160px;height:160px;border-radius:50%;top:7px;right:12px;background:#fff6d5aa;filter:blur(3px)}
.building-back{position:absolute;width:175px;height:250px;right:-5px;top:65px;transform:skewY(-13deg);background:linear-gradient(105deg,#838f82,#d3cfbd);box-shadow:-20px 10px 40px #505b5345}
.building-mid{position:absolute;width:235px;height:225px;right:23px;top:107px;transform:skewY(-9deg);background:repeating-linear-gradient(0deg,#b2b7a7 0 5px,#cfd2c5 5px 46px,#5b6c65 47px 50px);box-shadow:-12px 0 25px #45564e44}
.building-front{position:absolute;width:110px;height:280px;right:128px;top:95px;transform:skewY(15deg);background:linear-gradient(90deg,#747d6c,#aeb7a5 50%,#dfdac8);border-right:12px solid #f5eddb;box-shadow:18px 0 18px #1b342a55}
.building-ground{position:absolute;bottom:-13px;left:-30px;width:380px;height:42px;background:linear-gradient(0deg,#5c7d67,#b9cdb2);filter:blur(8px)}
.preview-bottom{display:flex;justify-content:space-between;align-items:center;height:32px;padding:0 24px;background:#f9f7f3;color:#6d7672;font-size:8px;letter-spacing:.09em;font-weight:800}
.hero-float{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 16px;background:#fff;border:1px solid #edf0f6;box-shadow:0 14px 45px #0004;color:#172540;border-radius:13px;z-index:3}
.hero-float>div:nth-child(2){display:grid;gap:2px}.hero-float b{font-size:11px;white-space:nowrap}.hero-float small{font-size:9px;color:#8090a5;white-space:nowrap}
.hero-float-top{top:37px;right:-5px}.float-icon{background:#e7eeff;color:#4870ff;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;font-size:20px}
.hero-float-bottom{bottom:20px;left:-32px}.float-check{width:37px;height:37px;border-radius:50%;background:#e1f9f0;color:#0fab83;display:grid;place-items:center;font-size:19px;font-weight:800}
.float-arrow{font-size:19px;margin-left:10px;color:#9ba8b8}.hero-mini-text{position:absolute;right:3px;bottom:2px;font-size:9px;letter-spacing:.24em;color:#a3b4cc6b;transform:translateY(42px)}
/* Trust and shared sections */
.trust-strip{border-bottom:1px solid #eef0f5;background:#fff;padding:26px 0}
.trust-strip .container{display:grid;grid-template-columns:1.08fr repeat(3,1fr);align-items:center;gap:18px}
.trust-strip .container>div{display:flex;align-items:center;gap:11px;min-height:40px;padding:0 18px 0 0;border-right:1px solid #e6ebf2;font-size:11px;color:#748297}
.trust-strip .container>div:last-child{border:0}
.trust-strip .container .trust-intro{display:block;font-size:9px;letter-spacing:.14em;font-weight:800;color:#a3b0c0;line-height:1.6}.trust-intro b{color:#24334c;font-size:10px;letter-spacing:.09em}
.trust-strip .container>div>span:not(.trust-icon){display:grid;gap:2px}.trust-strip strong{color:#1e2b40;font-size:12px}.trust-icon{width:35px;height:35px;display:grid;place-items:center;background:#edf3ff;border-radius:10px;color:#416cff;font-size:22px}
.section{padding:104px 0}.section-tint{background:#f6f8fd}.section-head{margin-bottom:35px;gap:30px}.section-head h2,.center-head h2,.showreel-copy h2{font-size:clamp(29px,3vw,44px);line-height:1.21;margin:10px 0 12px}
.section-head p,.center-head p{font-size:13px;max-width:610px;margin:0}.center-head{margin-bottom:37px}.eyebrow{color:#3867f5;font-size:10px;font-weight:900;letter-spacing:.145em}
/* Theme gallery uses real miniature website compositions, not empty placeholders */
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.theme-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 7px 28px #1c31530a;overflow:hidden;transition:transform .26s,box-shadow .26s,border-color .26s}
.theme-card:hover{transform:translateY(-7px);box-shadow:0 26px 65px #1c31531d;border-color:#d7e3ff}
.theme-cover{height:246px;background:#edf1f8;position:relative;overflow:hidden;padding:16px 15px 0}
.theme-preview{width:100%;height:260px;border-radius:9px 9px 0 0;overflow:hidden;background:white;box-shadow:0 7px 30px #0c254a29;transform:perspective(800px) rotateX(1deg);transition:transform .3s}
.theme-card:hover .theme-preview{transform:translateY(-5px) scale(1.025)}
.card-cover-gloss{pointer-events:none;position:absolute;inset:0;background:linear-gradient(165deg,#ffffff63,transparent 40%,#0d1e2906 100%)}
.theme-cover .popular{position:absolute;top:25px;left:27px;border-radius:6px;background:#fff;box-shadow:0 4px 15px #0c1f3424;padding:6px 10px;color:#1d3fae;font-size:10px;font-weight:900;z-index:5}
.mock-browser{height:26px;display:flex;align-items:center;background:#f5f7fa;border-bottom:1px solid #e9edf2;padding:0 9px;gap:10px}
.mock-dots{display:flex;gap:3px}.mock-dots i{width:5px;height:5px}.mock-url{font-size:6px;color:#7e8da5;margin:auto;max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#fff;padding:2px 35px;border:1px solid #ebedf1;border-radius:4px}.mock-control{font-size:10px;color:#7b899f}
.mock-content{height:calc(100% - 26px);padding:0;position:relative;overflow:hidden;background:#f5efe5}
.mock-site-top{height:39px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:5px;background:#fff;position:relative;z-index:2}
.mock-logo{font-size:10px;color:#131c2b;font-weight:900;letter-spacing:-.04em;white-space:nowrap}
.mock-links{font-size:5px;color:#6c7480;white-space:nowrap}.mock-menu{font-size:8px;color:#182842}
.mock-site-hero{height:calc(100% - 39px);display:grid;grid-template-columns:52% 48%;position:relative;background:#e9e9e5;overflow:hidden}
.mock-words{z-index:1;padding:34px 7px 12px 17px;position:relative}.mock-kicker{font-size:5px;letter-spacing:.16em;color:#66778a;font-weight:800}
.mock-words h3{margin:9px 0 12px;font-size:22px;line-height:1.09;font-weight:800;max-width:155px;letter-spacing:-.07em;color:#102333}
.mock-button{display:inline-flex;align-items:center;gap:9px;border-radius:3px;padding:7px 11px;font-size:6px;font-weight:800;color:#fff;background:#223c54}.mock-button b{font-size:9px}
.mock-scene{position:relative;background:linear-gradient(145deg,#9bafa8,#e3d2bd);overflow:hidden}
.mock-scene i{position:absolute;display:block}.scene-back{width:130px;height:145px;right:-10px;top:10px;transform:skewY(-12deg);background:linear-gradient(100deg,#bbc2b0,#f8f2df)}
.scene-mid{width:124px;height:145px;right:14px;top:55px;transform:skewY(13deg);background:repeating-linear-gradient(90deg,#505b58 0 4px,#a6afa6 4px 37px,#d5d3c0 38px 41px)}
.scene-front{height:150px;width:60px;right:72px;top:43px;transform:skewY(-10deg);background:linear-gradient(90deg,#38494a,#687c79,#c5ccc6)}
.theme-amber .mock-site-hero{background:#f8e7d8}.theme-amber .mock-scene{background:#f6d2a0}.theme-amber .scene-back{background:linear-gradient(130deg,#b36c46,#ffca8f);border-radius:80px 80px 0 0;transform:rotate(-9deg)}.theme-amber .scene-mid{background:linear-gradient(125deg,#7d302e,#f3a16c);border-radius:80px 80px 0 0;transform:rotate(18deg)}.theme-amber .scene-front{background:linear-gradient(130deg,#eeb680,#ffe9bc);border-radius:50% 50% 0 0;transform:rotate(-30deg)}.theme-amber .mock-button{background:#a04528}
.theme-green .mock-site-hero{background:#e6e9df}.theme-green .mock-scene{background:#b2c6b3}
.theme-red .mock-site-hero{background:#f4e9df}.theme-red .mock-scene{background:#7a473a}.theme-red .scene-back{border-radius:50%;background:#c2885c;transform:none;right:-23px;top:-29px}.theme-red .scene-mid{background:linear-gradient(#452d27,#8b5b45);border-radius:50% 50% 0 0;top:38px}.theme-red .scene-front{background:#dcc0a5;border-radius:50% 50% 0 0;transform:rotate(27deg)}.theme-red .mock-button{background:#8b4b38}
.theme-blue .mock-site-hero{background:#e7eff8}.theme-blue .mock-scene{background:#88a7d5}.theme-blue .scene-back{background:#3569ac}.theme-blue .scene-mid{background:repeating-linear-gradient(90deg,#1d426c 0 14px,#94b7d6 14px 25px)}.theme-blue .scene-front{background:#c9d9ed}.theme-blue .mock-button{background:#28588c}
.theme-rose .mock-site-hero{background:#f8e9e7}.theme-rose .mock-scene{background:#d1a8a7}.theme-rose .scene-back{background:#f5dcce;border-radius:90px 90px 0 0;transform:rotate(20deg)}.theme-rose .scene-mid{background:#c98983;border-radius:80px 80px 0 0}.theme-rose .scene-front{background:#fae8db;border-radius:80px 80px 0 0}.theme-rose .mock-button{background:#985d67}
.theme-cyan .mock-site-hero{background:#e9f5f8}.theme-cyan .mock-scene{background:#b5e0e3}.theme-cyan .scene-back{background:#e7fbf9;border-radius:55% 55% 0 0}.theme-cyan .scene-mid{background:#71acbd;border-radius:60% 60% 0 0}.theme-cyan .scene-front{background:#cdf2f3;border-radius:50% 50% 0 0}.theme-cyan .mock-button{background:#138b9a}
.theme-navy .mock-site-hero,.theme-slate .mock-site-hero{background:#dce3e9}.theme-navy .mock-scene,.theme-slate .mock-scene{background:#718598}.theme-navy .mock-button,.theme-slate .mock-button{background:#1a334f}
.theme-yellow .mock-site-hero{background:#fdf5d6}.theme-yellow .mock-scene{background:#e6b83a}.theme-yellow .scene-back{background:#f4db6a}.theme-yellow .scene-mid{background:#1a222d}.theme-yellow .scene-front{background:#f0c83d}.theme-yellow .mock-button{background:#242c37}
.theme-mint .mock-site-hero{background:#ecf7f0}.theme-mint .mock-scene{background:#b1d7c4}.theme-mint .mock-button{background:#30806e}
.theme-forest .mock-site-hero{background:#e8eee5}.theme-forest .mock-scene{background:#55796c}.theme-forest .mock-button{background:#325c4d}
.theme-gold .mock-site-hero{background:#f2eee4}.theme-gold .mock-scene{background:#c2ab87}.theme-gold .mock-button{background:#66553a}
.theme-details{padding:23px 23px 20px}.card-kicker{font-size:9px;letter-spacing:.08em;color:#4168e6}.pill{background:#eef3ff;color:#3f66dc;font-size:9px;padding:4px 9px;border-radius:40px}
.theme-details h3{font-size:18px;letter-spacing:-.05em;margin:12px 0 6px}.theme-details p{font-size:11px;min-height:40px;margin:0 0 15px;color:#8692a2}
.rating{display:none}.card-actions{padding-top:16px;border-top:1px solid #eef0f5;align-items:center}
.theme-price small{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#9ba7b6;margin-bottom:2px}
.theme-price div{display:flex;gap:8px;align-items:baseline}.theme-price strong{font-size:20px;color:#14223f;font-family:'Manrope',sans-serif;letter-spacing:-.06em}
.theme-price del{font-size:10px;color:#a9b2be;margin:0}.card-actions form{margin:0}.card-actions .btn{padding:12px 17px;font-size:11px}
/* Steps / subscription choice / dashboard */
.order-main{background:radial-gradient(ellipse at 30% 0%,#eaf0ff,transparent 40%),#f7f9fc;padding:50px 0 108px}
.order-narrow>.container{max-width:1160px}.steps{max-width:760px;margin:5px auto 40px;padding:20px 30px;background:#fff;border:1px solid #e7ecf4;border-radius:16px;box-shadow:0 10px 25px #1226440b}
.step{font-size:11px}.step-line{background:#dce5f1;top:19px}.step-icon{width:38px;height:38px;background:#f4f6fa;border-color:#e8edf4;color:#a9b4c4;border-radius:13px;font-weight:900}
.step.completed .step-icon{background:#dff8f0;border-color:#c5efe0;color:#0e9873}.step.completed .step-line{background:#b7dfdb}.step.current .step-line{background:#b7dfdb}.step.current .step-icon{background:#3968ff;border:0;box-shadow:0 10px 18px #346aff30}.step-label{padding-top:10px;color:#8d9bb0}.step.current .step-label{color:#2d5ce8}.step.completed .step-label{color:#108568}
.page-head{text-align:center;margin-bottom:37px}.page-head h1{font-size:clamp(30px,3.1vw,45px);line-height:1.15;letter-spacing:-.065em;margin:12px 0 12px}.page-head p{font-size:13px;color:#8792a2}
.category-tabs{margin-bottom:29px;gap:9px}.category-tabs a{font-size:11px;color:#65748a;background:#fff;border:1px solid #e4eaf4;padding:10px 16px;border-radius:10px;box-shadow:none}
.category-tabs a:hover{border-color:#c4d5ff;color:#325df2}.category-tabs a.selected{background:#0e1e3c;border-color:#0e1e3c;color:#fff;box-shadow:0 10px 23px #122b5f20}
.catalog-search{background:#fff;border:1px solid #e8edf4;padding:14px 18px;border-radius:13px;color:#73849c;font-size:12px;margin-bottom:28px;box-shadow:0 6px 19px #2139570b}
.search-field{border-color:#e2e8f2;border-radius:9px}.search-field input{font-size:12px;min-width:220px}
.white-panel,.quote-card,.addons-panel,.table-card{border:1px solid #e7ebf3;border-radius:16px;box-shadow:0 11px 40px #152f580b;background:#fff}
.white-panel.padded{padding:30px}.white-panel h3,.quote-card h3{padding:20px 23px;font-size:16px;letter-spacing:-.04em}.quote-card{margin-top:20px}
.quote-rows{padding:19px 24px}.quote-line{padding:10px 0;font-size:12px;border-bottom:1px solid #eef0f6}.quote-line span{color:#5f7085}.quote-line strong{font-size:12px}
.quote-line.total strong{font-size:25px;color:#3166fa}.quote-card>.muted{margin:-6px 23px 21px;font-size:11px;color:#99a6b6}
.toggle-tabs{border-bottom:0;gap:10px}.toggle-tabs label span{padding:14px;border:1px solid #e1e7f1;border-radius:10px;background:#fff;color:#64758b}
.toggle-tabs input:checked+span{border:1px solid #769bff;color:#2f60f2;background:#edf3ff;box-shadow:0 0 0 3px #386cfa15;border-radius:10px}
.white-panel label:not(.toggle-tabs label):not(.pay-active):not(.check-terms),.auth-card label{font-size:12px;color:#40516a}
.white-panel input:not([type=radio]):not([type=checkbox]):not([type=file]),.white-panel select,.white-panel textarea,.auth-card input,.price-form input,.status-form select{border:1px solid #dfe7f1;background:#fafbfe;border-radius:10px;padding:13px 15px;font-size:13px;min-height:48px;margin-top:8px;color:#25334c}
.white-panel input:focus,.white-panel select:focus,.auth-card input:focus,.white-panel textarea:focus{border-color:#6890ff;outline:3px solid #e2edff;background:#fff}
.inline-info{border-radius:10px;background:#eaf5ff;color:#277095;border-color:#d5e9f8;padding:15px 16px;font-size:11px}.inline-info.warning{background:#fff8e7;border-color:#f3e4be;color:#927028}
.addon-row{padding:22px 25px;gap:17px}.addon-row:hover{background:#f8faff}.addon-text strong{font-size:14px}.addon-text>span{font-size:12px}.addon-price{color:#285ff0;font-size:16px}
.addon-row input{width:17px;height:17px;accent-color:#376afd}.wizard-actions{margin-top:26px}.wizard-actions .btn{min-width:122px}
.checkout-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);gap:24px}.checkout-sidebar{top:104px}.panel-content{padding:23px}.pay-choice>div,.pay-choice>label{border-radius:12px}.check-terms input{accent-color:#386aff}
/* Hosting and feature presentation */
.hosting-grid{gap:23px;max-width:1130px}.hosting-card{border-radius:17px;border-color:#e3e9f1;padding:32px 27px 27px;min-height:390px;box-shadow:0 8px 27px #1932550a}
.hosting-card.featured{border:1.5px solid #4777ff;background:linear-gradient(160deg,#f1f5ff,#fff 46%);box-shadow:0 20px 50px #315ce41b}
.recommended{top:-15px;background:#0b1b38;padding:6px 19px;font-size:10px;white-space:nowrap}
.hosting-card h3{font-size:21px;letter-spacing:-.06em}.host-price strong{font-size:32px;color:#132541}.host-sub{font-size:12px}.hosting-card ul{margin:26px 0}.hosting-card li{font-size:12px;padding:9px 0;border-bottom:1px solid #f0f3f8}.hosting-card li:before{color:#0cae89}
.how-grid{gap:18px}.how-grid article{border-radius:15px;padding:30px 24px;box-shadow:0 10px 25px #0b2b5005}.how-grid article>span{background:#eaf0ff;color:#315ffa;border-radius:12px;font-family:'Manrope',sans-serif;font-size:16px}.how-grid article h3{font-size:17px}.how-grid article p{font-size:12px}
.showreel-section{background:#edf2f9;padding:104px 0}.showreel-grid{display:grid;grid-template-columns:1fr .82fr;gap:90px;align-items:center}
.showreel-demo{height:380px;overflow:hidden;position:relative;background:linear-gradient(134deg,#0e244e,#426af6);border-radius:22px;padding:34px 30px;box-shadow:0 35px 65px #122d653d}
.showreel-demo:before,.showreel-demo:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff28;border-radius:50%;right:-110px;top:-140px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}
.showreel-corner{font-size:9px;letter-spacing:.18em;font-weight:900;color:#c3d7ff}.showreel-panel{position:absolute;left:14%;width:70%;min-width:290px;height:310px;top:85px;background:#fff;border-radius:14px;box-shadow:0 20px 35px #0003;transform:rotate(-5deg)}
.showreel-panel-head{display:flex;gap:10px;align-items:center;padding:12px;background:#f9fbff;border-bottom:1px solid #edf0f6;font-size:10px;font-weight:800}.panel-mini-logo{background:#4168f7;color:#fff;border-radius:5px;padding:5px 9px}.panel-head-pill{margin-left:auto;font-size:7px;background:#e7f7f2;color:#0d866a;padding:4px 7px;border-radius:20px}
.showreel-panel-body{display:flex;gap:20px;padding:20px}.showreel-panel-body aside{width:46px;flex-shrink:0;display:grid;gap:10px;align-content:start;background:#f2f5fc;padding:9px;border-radius:8px}.showreel-panel-body aside i{height:8px;background:#c3cee6;border-radius:3px}.showreel-panel-body>div:last-child{flex:1}.dash-eyebrow{font-size:8px;color:#416af9;font-weight:800}.showreel-panel-body strong{display:block;font-size:23px;line-height:1.25;margin:5px 0 15px}.dash-bars{display:flex;align-items:end;gap:8px;height:48px}.dash-bars span{flex:1;background:#bad0ff;height:24px;border-radius:4px}.dash-bars span:nth-child(2){height:42px;background:#4779fa}.dash-bars span:nth-child(3){height:32px;background:#59b9e5}.dash-tiles{display:flex;gap:9px;margin-top:16px}.dash-tiles i{height:30px;flex:1;border-radius:6px;background:#eff2f7}
.showreel-stamp{position:absolute;right:22px;bottom:25px;font-size:10px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:.04em}.showreel-stamp b{font-size:26px;letter-spacing:-.07em}.showreel-copy h2{font-size:45px;margin:15px 0 19px}.showreel-copy h2 em{color:#3869ff;font-style:normal}.showreel-copy p{font-size:14px;line-height:1.85}.showreel-features{display:grid;gap:12px;margin:22px 0 29px;font-size:12px;color:#2c3f57;font-weight:700}.showreel-features span:before{content:''}
.faq-section{background:#fff}.faq-list{max-width:850px}.faq-list details{border-radius:12px;padding:22px 25px;border-color:#e6ebf4;margin-bottom:12px}.faq-list summary{font-size:13px}.faq-list details[open]{box-shadow:0 13px 35px #1c3b5a0b;border-color:#b8cefc}
/* Account and admin */
.auth-wrap{background:radial-gradient(ellipse at 85% 25%,#dde9ff,transparent 52%),#f5f8fc;padding:100px 20px}
.auth-card{width:min(500px,100%);border-radius:20px;border-color:#e2e9f4;padding:45px;box-shadow:0 30px 75px #1e376121}
.auth-icon{width:62px;height:62px;border-radius:18px;background:#132854;font-size:26px}.auth-card h1{font-size:33px;margin:23px 0 9px}.auth-card>p{font-size:13px;line-height:1.8}.auth-card label input{margin-top:9px}.auth-bottom{font-size:12px}.tiny-muted{font-size:10px}
.dashboard-section{background:#f6f8fc;padding:70px 0 110px}.dashboard-heading h1{font-size:37px;margin:7px 0}.dashboard-heading p{font-size:13px}.stat-grid{gap:19px}
.stat{border-radius:15px;border:1px solid #e5eaf2;box-shadow:0 10px 30px #1e3a5407;padding:24px 25px;gap:15px;border-top:3px solid #5e83ff}
.stat:nth-child(2){border-top-color:#19c9be}.stat:nth-child(3){border-top-color:#f4b660}.stat:nth-child(4){border-top-color:#a3a8e2}
.stat span{font-size:11px;color:#6a7b93}.stat strong{font-size:31px}.stat strong.stat-money{font-size:23px}
.table-card{border-radius:15px}.table-head{padding:22px 26px}.table-head h2{font-size:17px}.table-card td,.table-card th{padding:17px 20px}.table-card th{background:#f8fafe;color:#74849b;font-size:10px}.table-card td{font-size:12px;color:#485a70}
.status-pill{padding:6px 11px;border-radius:8px;font-size:10px}.future-modules h2{font-size:21px}.future-grid span{border-color:#e4eaf5;border-radius:10px;padding:17px}
.note-panel,.bank-box{border-radius:11px}.detail-grid .table-card{margin:0 0 20px}
/* Footer */
.footer{padding:70px 0 28px;background:#071126;color:#edf3ff;position:relative;overflow:hidden}
.footer:before{content:'';position:absolute;right:-350px;bottom:-400px;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,#294d9f37,transparent 66%);pointer-events:none}
.footer-cta{position:relative;padding:48px 58px;margin-bottom:68px;border:1px solid #254375;background:linear-gradient(117deg,#13264b,#1b3972 72%,#143a62);border-radius:22px;overflow:hidden}
.footer-cta-copy{position:relative;z-index:2}.footer-cta .eyebrow{font-size:10px;color:#76d8ef}.footer-cta strong{display:block;font-size:clamp(26px,3vw,39px);font-family:'Manrope';line-height:1.28;letter-spacing:-.06em;margin:10px 0}
.footer-cta strong em{color:#70d9ec;font-style:normal}.footer-cta p{font-size:12px;color:#b1c2dd;margin:11px 0 20px}.footer-cta .btn{background:#fff;color:#162b59;box-shadow:none}
.footer-orbit{height:200px;width:300px;position:relative;flex-shrink:0}.orbit-main{position:absolute;width:170px;height:170px;border-radius:45px;background:linear-gradient(140deg,#5b92ff,#28b5da);transform:rotate(-22deg);right:55px;top:9px;box-shadow:18px 30px 0 #234d9e,30px 47px 0 #0a295f;display:grid;place-items:center;color:#fff;font-size:105px;font-weight:900;line-height:1}
.footer-orbit i{display:block;position:absolute;width:13px;height:13px;border:3px solid #92c8ff;border-radius:50%}.orbit-o1{left:10px;top:60px}.orbit-o2{right:4px;bottom:20px}.orbit-o3{right:10px;top:6px}
.footer-grid{gap:45px}.footer-brand{font-family:'Manrope';font-weight:900;font-size:25px;letter-spacing:-.07em}.footer-brand span{color:#75a8ff}.footer-brand b{color:#42dacc}
.footer-grid p,.footer-grid a{color:#94a9c9}.footer-grid h4{color:#d4e1f4}.footer-tags span{background:#112244;border-color:#29406c;color:#bad2ef}
.footer-bottom{border-color:#243453;color:#8998b7;padding-top:26px;margin-top:56px;font-size:11px}
/* Mobile-first refinements */
@media(max-width:1120px){.main-nav{gap:15px}.header-inner{gap:21px}.header-cta{font-size:10px}.hero-text h1{font-size:54px}.hero-preview-browser{max-width:510px;height:410px}.hero-preview-site{height:calc(100% - 39px)}.preview-content{height:275px}.preview-headline>strong{font-size:42px}.trust-strip .container{gap:9px}.showreel-grid{gap:45px}.theme-cover{height:224px}.theme-preview{height:244px}}
@media(max-width:900px){.container{width:min(100% - 38px,760px)}.site-header{height:73px}.mobile-menu-toggle{display:flex;width:40px;height:40px;border:1px solid #dce4ef;border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;background:#fff}.mobile-menu-toggle span{width:17px;height:2px;border-radius:2px;background:#243653}.main-nav{top:73px;display:none;position:absolute;left:0;right:0;background:#fff;padding:20px 27px;box-shadow:0 15px 25px #10274d17;flex-direction:column;align-items:stretch;gap:20px}.main-nav.open{display:flex}.main-nav a.active:after{display:none}.header-actions .nav-account{display:none}.header-cta{font-size:11px;padding:10px 13px}.hero{padding:60px 0 95px}.hero-grid{grid-template-columns:1fr;gap:40px;min-height:0}.hero-text h1{font-size:clamp(40px,7vw,65px);max-width:650px}.hero-visual{min-height:470px;max-width:640px;margin:auto;width:100%}.hero-preview-browser{max-width:580px;height:420px;transform:rotate(-1deg)}.preview-content{height:285px}.trust-strip .container{grid-template-columns:repeat(2,1fr);gap:16px}.trust-strip .container>div:nth-child(2){border-right:0}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showreel-grid{grid-template-columns:1fr;gap:35px}.showreel-demo{max-width:650px;width:100%}.showreel-copy{max-width:650px}.hosting-grid{grid-template-columns:repeat(2,1fr)}.hosting-card:last-child{grid-column:1/-1;max-width:460px;width:100%;justify-self:center}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-orbit{width:240px}.footer-cta{padding:32px 35px}.checkout-grid,.detail-grid{grid-template-columns:1fr}.checkout-sidebar{position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.brand-mark{width:37px;height:37px;border-radius:11px}.brand-mark .brand-layer{left:10px;width:18px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:8px}.header-inner{gap:10px}.header-cta{font-size:0;padding:9px 11px}.header-cta span{font-size:19px;margin:0}.hero{padding:58px 0 73px}.hero-label{font-size:8px;padding:9px 11px}.hero-text{padding:0}.hero-text h1{font-size:clamp(36px,9.6vw,52px);margin:23px 0 20px}.hero-text>p{font-size:13px}.hero-buttons{display:grid;grid-template-columns:1fr;gap:9px}.hero-buttons .btn{width:100%;justify-content:center;padding:15px}.hero-highlights{gap:9px 12px;font-size:10px}.hero-caption{margin-top:22px}.hero-visual{min-height:315px;margin-top:10px}.hero-preview-browser{height:290px;width:95%;transform:rotate(-2deg);border-radius:12px}.hero-browser-top{height:29px;padding:0 9px}.browser-address{padding:0 22px;font-size:7px;line-height:15px}.hero-preview-site{height:calc(100% - 29px)}.preview-nav{height:43px;padding:0 10px}.preview-nav strong{font-size:11px}.preview-nav span{font-size:5px}.preview-content{height:192px}.preview-headline{padding:10px}.preview-headline>small{font-size:5px}.preview-headline>strong{font-size:28px;margin:10px 0}.preview-headline>span{font-size:7px}.preview-headline>b{margin-top:10px;font-size:7px}.preview-bottom{height:26px;padding:0 12px;font-size:6px}.hero-float{padding:8px 10px}.hero-float-top{right:-3px;top:-8px}.hero-float-bottom{bottom:-8px;left:-7px}.hero-float b{font-size:9px}.hero-float small{font-size:8px}.float-icon,.float-check{width:26px;height:26px;font-size:15px}.hero-mini-text{display:none}.trust-strip{padding:23px 0}.trust-strip .container{gap:18px 9px}.trust-strip .container>div{gap:9px;padding:0}.trust-strip .container .trust-intro{font-size:8px}.trust-intro b{font-size:8px}.trust-strip strong{font-size:10px}.trust-icon{width:31px;height:31px;font-size:17px}.section{padding:72px 0}.section-head h2,.center-head h2{font-size:30px}.section-head p,.center-head p{font-size:12px}.theme-grid{grid-template-columns:1fr;gap:20px}.theme-card{max-width:480px}.theme-cover{height:247px}.theme-preview{height:265px}.mock-site-hero{grid-template-columns:52% 48%}.mock-words h3{font-size:25px}.theme-details{padding:22px}.theme-details h3{font-size:18px}.theme-price strong{font-size:20px}.how-grid,.hosting-grid{grid-template-columns:1fr}.hosting-card:last-child{grid-column:auto;max-width:none}.hosting-card{min-height:0}.showreel-section{padding:70px 0}.showreel-demo{height:295px;padding:21px}.showreel-panel{height:260px;min-width:235px;top:67px}.showreel-panel-body{padding:13px;gap:12px}.showreel-panel-body strong{font-size:17px}.showreel-stamp{right:8px;bottom:12px}.showreel-copy h2{font-size:34px}.footer{padding:55px 0 25px}.footer-cta{padding:28px;display:block}.footer-cta strong{font-size:30px}.footer-orbit{display:none}.footer-grid{gap:26px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.order-main{padding:26px 0 75px}.steps{padding:15px 8px;margin:4px auto 30px;gap:2px}.step-icon{width:32px;height:32px;border-radius:10px}.step-line{top:16px}.step-label{font-size:8px;padding-top:8px}.page-head h1{font-size:30px}.page-head p{font-size:12px}.category-tabs{gap:7px;justify-content:flex-start}.category-tabs a{padding:8px 11px;font-size:10px}.catalog-search{flex-direction:column;align-items:stretch}.white-panel.padded{padding:17px}.wizard-column{max-width:100%}.domain-grid,.form-two,.pay-choice{grid-template-columns:1fr}.addon-row{padding:17px 14px}.addon-text strong{font-size:12px}.addon-text>span{font-size:10px}.addon-price{font-size:13px}.wizard-actions .btn{min-width:0}.checkout-sidebar{position:static}.auth-wrap{padding:55px 13px}.auth-card{padding:30px 23px}.auth-card h1{font-size:27px}.dashboard-section{padding:45px 0 80px}.dashboard-heading{display:block}.dashboard-heading h1{font-size:30px}.dashboard-heading>.btn,.dashboard-heading>form{margin-top:17px;display:inline-block}.stat-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.future-grid{grid-template-columns:repeat(2,1fr)}.future-grid span{padding:11px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Console visual language — actual customer/admin pages */
.dashboard-shell{display:grid;grid-template-columns:238px minmax(0,1fr);gap:30px;align-items:start}
.dashboard-sidebar{position:sticky;top:105px;background:#101d37;border:1px solid #152c52;border-radius:20px;padding:23px 15px;color:#dae6fa;box-shadow:0 20px 40px #0c27501c;min-height:625px}
.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 9px 23px;border-bottom:1px solid #ffffff19;margin-bottom:22px}.sidebar-logo{width:37px;height:37px;flex-shrink:0;border-radius:11px;background:linear-gradient(130deg,#4c7dff,#4fd4e4);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.sidebar-brand strong{display:block;font-size:14px;letter-spacing:-.05em}.sidebar-brand small{display:block;font-size:9px;color:#91aed3;margin-top:1px}
.sidebar-section-label{display:block;padding:0 13px;color:#6682ad;font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:10px}.sidebar-section-label.sidebar-later{margin:27px 0 10px}
.sidebar-link{display:flex;align-items:center;gap:12px;color:#a6bad5;border-radius:10px;padding:11px 13px;font-size:11px;font-weight:800;margin-bottom:3px}.sidebar-link>span:first-child{width:18px;text-align:center;font-size:17px;font-weight:400;color:#86a4d4}
.sidebar-link:hover{background:#233960;color:#fff}.sidebar-link.active{background:#426ef7;color:#fff;box-shadow:0 8px 17px #03122855}.sidebar-link.active>span:first-child{color:#fff}.sidebar-link.disabled{opacity:.55;cursor:default}.sidebar-link.disabled:hover{background:transparent;color:#a6bad5}
.sidebar-help{background:#1a3157;border:1px solid #274671;border-radius:13px;padding:17px 15px;margin:30px 3px 5px}.sidebar-help>span{display:block;color:#69dae6;font-size:22px;line-height:1}.sidebar-help strong{display:block;font-size:11px;margin-top:8px}.sidebar-help p{font-size:10px;color:#9db4d2;line-height:1.7;margin:4px 0 0}
.dashboard-main{min-width:0}.dashboard-main .stat-grid{gap:13px}.dashboard-main .stat{padding:20px}.dashboard-main .stat strong{font-size:25px}.dashboard-main .stat strong.stat-money{font-size:18px}.dashboard-main .table-head{padding:19px}.dashboard-main .table-card th,.dashboard-main .table-card td{padding:13px 14px}
@media(max-width:1080px){.dashboard-shell{grid-template-columns:200px minmax(0,1fr);gap:16px}.dashboard-sidebar{padding:17px 10px}.dashboard-main .stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:static;min-height:0;padding:15px}.sidebar-brand{margin-bottom:10px;padding-bottom:12px}.sidebar-link.disabled,.sidebar-section-label.sidebar-later,.sidebar-help{display:none}.sidebar-section-label{margin-bottom:7px}.dashboard-main .stat-grid{grid-template-columns:repeat(2,1fr)}}


/* v0.3.25.14 premium pricing refresh */
#paketler{position:relative}
#paketler .center-head{max-width:820px;margin:0 auto 18px;text-align:center}
#paketler .center-head .eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;border:1px solid rgba(90,107,255,.14);background:linear-gradient(180deg,#f8f9ff,#eef2ff);color:#4e63de;font-size:11px;font-weight:800;letter-spacing:.18em;box-shadow:0 10px 24px rgba(79,98,205,.08)}
#paketler .center-head h2{font-size:clamp(34px,4.8vw,62px);line-height:1.06;letter-spacing:-.07em;max-width:920px;margin:18px auto 16px;color:#14284a}
#paketler .center-head p{max-width:720px;margin:0 auto;font-size:16px;line-height:1.75;color:#68758a}
.hosting-grid.sp-premium-pricing-grid{gap:28px;max-width:1180px;margin:42px auto 0;align-items:stretch}
.sp-premium-pricing-card{position:relative;padding:0;overflow:visible;min-height:unset;border:1px solid rgba(223,229,243,.95);border-radius:28px;background:linear-gradient(180deg,#ffffff,#f7f9fe 100%);box-shadow:0 24px 54px rgba(18,35,68,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.sp-premium-pricing-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(18,35,68,.14);border-color:rgba(150,166,224,.85)}
.sp-premium-pricing-card.featured{border-color:#5f76ff;box-shadow:0 30px 74px rgba(72,101,255,.2);transform:translateY(-10px)}
.sp-premium-pricing-card.featured:hover{transform:translateY(-14px)}
.sp-pricing-surface{position:relative;height:100%;padding:34px 28px 28px;border-radius:inherit;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 100% 0%,rgba(104,126,255,.16),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,254,.98))}
.sp-premium-pricing-card.featured .sp-pricing-surface{background:radial-gradient(circle at 100% 0%,rgba(104,126,255,.22),transparent 36%),linear-gradient(180deg,#fbfcff,#f2f6ff)}
.sp-price-orb{position:absolute;right:-64px;top:-64px;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle,rgba(102,121,255,.18),rgba(102,121,255,0));pointer-events:none}
.recommended{position:absolute;top:-17px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;border-radius:999px;background:linear-gradient(90deg,#112448,#1b2f5e);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap;box-shadow:0 14px 26px rgba(17,36,72,.24)}
.sp-pricing-head{position:relative;z-index:1}
.sp-pricing-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#5b6a88}
.sp-pricing-head h3{margin:16px 0 12px;font-size:21px;line-height:1.2;letter-spacing:-.06em;color:#112448}
.host-price{display:flex;align-items:flex-end;gap:8px;margin:10px 0 10px;position:relative;z-index:1}
.host-price strong{font-size:52px;line-height:.95;letter-spacing:-.08em;color:#132541}
.host-price span{font-size:15px;font-weight:700;color:#7c8798;padding-bottom:8px}
.host-sub{margin:0;min-height:44px;font-size:14px;line-height:1.6;color:#6b7688}
.sp-pricing-feature-box{position:relative;z-index:1;margin-top:22px;padding:16px 18px 10px;border-radius:22px;border:1px solid rgba(225,231,242,.95);background:rgba(255,255,255,.74);backdrop-filter:blur(12px)}
.sp-premium-pricing-card.featured .sp-pricing-feature-box{border-color:rgba(174,188,255,.72);background:rgba(255,255,255,.82)}
.sp-premium-pricing-card ul{margin:0;padding:0;list-style:none}
.sp-premium-pricing-card li{position:relative;padding:11px 0 11px 29px;border-bottom:1px solid rgba(235,239,246,.92);font-size:13px;color:#4e5d77}
.sp-premium-pricing-card li:last-child{border-bottom:0}
.sp-premium-pricing-card li:before{content:'✓';position:absolute;left:0;top:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(17,193,119,.12);color:#12a56b;font-size:11px;font-weight:900}
.sp-pricing-footer{margin-top:auto;padding-top:24px}
.sp-premium-pricing-card .btn{min-height:54px;border-radius:16px;font-size:14px;font-weight:800}
.sp-premium-pricing-card .btn-outline{background:#fff;border-color:#d7def5;color:#1e3157}
.sp-premium-pricing-card .btn-outline:hover{border-color:#8ea0ff;box-shadow:0 14px 28px rgba(77,103,198,.15)}
.sp-premium-pricing-card .btn-primary{background:linear-gradient(135deg,#10254a,#3d63ff 88%);box-shadow:0 18px 30px rgba(56,92,255,.24)}
.sp-premium-pricing-card .btn-primary:hover{box-shadow:0 20px 36px rgba(56,92,255,.32)}
@media(max-width:900px){#paketler .center-head h2{font-size:clamp(30px,5.5vw,48px)}#paketler .center-head p{font-size:15px}.hosting-grid.sp-premium-pricing-grid{grid-template-columns:repeat(2,1fr);gap:22px}.sp-premium-pricing-card.featured{transform:none}.sp-premium-pricing-card.featured:hover{transform:translateY(-8px)}.host-price strong{font-size:46px}}
@media(max-width:600px){#paketler .center-head .eyebrow{font-size:10px;padding:7px 12px;letter-spacing:.15em}#paketler .center-head h2{font-size:clamp(29px,9vw,42px);margin:16px auto 14px}#paketler .center-head p{font-size:14px;line-height:1.7}.hosting-grid.sp-premium-pricing-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.sp-pricing-surface{padding:28px 22px 22px}.host-price strong{font-size:44px}.host-price span{font-size:14px;padding-bottom:6px}.sp-pricing-feature-box{padding:14px 16px 8px}}