:root{color-scheme:light;--bg:#f7f8fb;--surface:#fff;--surface-alt:#edf2fb;--ink:#15213a;--muted:#69758c;--blue:#004bff;--blue-deep:#0038ce;--border:#dfe5ee;--dark:#0f1930;--light:#f7f8fb;--shadow:0 24px 70px rgba(19,39,78,.13);--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:#a8c3ff;color:#102047}
.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;left:20px;top:-60px;background:var(--blue);color:#fff;padding:12px 18px;z-index:1000}
.skip-link:focus{top:12px}
.site-header{height:88px;position:sticky;top:0;z-index:50;background:rgba(247,248,251,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,231,239,.8)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-45deg)}
.brand-mark span{display:block;border:5px solid var(--blue);border-radius:2px}
.brand-mark span:last-child{border-color:var(--ink)}
.brand-word{font-size:20px;font-weight:900;letter-spacing:-1.25px;color:var(--ink);line-height:1}
.brand-info{display:inline-block;background:var(--blue);color:#fff;border-radius:3px;padding:4px 5px 3px;margin-left:3px;font-size:16px;letter-spacing:-.8px;text-transform:lowercase}
.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto}
.desktop-nav a{font-size:13px;font-weight:700;color:#516078;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:20px}
.header-phone{font-size:13px;font-weight:700;white-space:nowrap}
.header-phone:hover{color:var(--blue)}
.button{min-height:57px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid transparent;border-radius:9px;padding:15px 20px;font-size:14px;font-weight:800;line-height:1.15;transition:transform .22s,background .22s,box-shadow .22s;color:inherit}
.button:hover{transform:translateY(-3px)}
.button span{font-size:19px;font-weight:400;line-height:1}
.button-small{min-height:46px;padding:12px 15px;font-size:12px;gap:22px}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(0,75,255,.22)}
.button-primary:hover{background:var(--blue-deep);box-shadow:0 15px 30px rgba(0,75,255,.27)}
.button-dark{background:var(--dark);color:#fff}
.button-dark:hover{background:#213353}
.button-white{background:#fff;color:#102448}
.button-white:hover{background:#dce8ff}
.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--blue);font-size:14px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:7px}
.text-link span{font-size:19px;font-weight:400;transition:transform .2s}
.text-link:hover span{transform:translate(3px,-3px)}
.menu-toggle,.mobile-nav{display:none}
.concept-bar{background:#142039;color:#fff;font-size:12px;font-weight:700}
.concept-inner{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.concept-inner>a{color:#adcaff}
.concept-switcher{display:flex;gap:5px}
.concept-switcher a{padding:6px 11px;border-radius:20px;color:#b9c6df}
.concept-switcher a.selected{background:#fff;color:#0f1930}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7f9fd 0%,#eef3fb 100%)}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,75,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,75,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 52%,black)}
.hero-content{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;min-height:642px;padding-block:60px 65px}
.hero-copy{max-width:670px;position:relative;z-index:2}
.eyebrow-line{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--blue)}
.pulse-dot{width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px rgba(0,75,255,.12)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(55px,5.6vw,91px);line-height:.99;letter-spacing:-6.2px;margin:27px 0 27px;font-weight:800;max-width:730px}
.hero-period{color:var(--blue)}
.hero-lead{font-size:18px;line-height:1.62;color:#4f5b70;max-width:610px;margin-bottom:27px}
.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.hero-actions{margin-bottom:25px}
.hero-note{font-size:11px;line-height:1.5;color:#78859b;max-width:550px;margin:0}
.hero-note span{font-size:14px;color:var(--blue);margin-right:5px}
.hero-visual{height:510px;position:relative;isolation:isolate}
.hero-visual::before{content:"";position:absolute;width:400px;height:400px;right:0;top:25px;background:radial-gradient(circle,#adcbff 0%,rgba(173,203,255,0) 70%);filter:blur(8px);z-index:-2}
.visual-index{position:absolute;right:11px;top:15px;display:flex;justify-content:space-between;width:380px;font-size:10px;font-weight:800;letter-spacing:1px;color:#6c7b93}
.preview-stack{position:absolute;width:min(89%,510px);height:318px;top:108px;left:10%;border-radius:16px;border:1px solid rgba(23,60,128,.13);background:#cbd9ef;box-shadow:var(--shadow)}
.preview-back{transform:rotate(-10deg) translate(-38px,-26px);background:#8fb1ff}
.preview-middle{transform:rotate(-4deg) translate(-14px,-12px);background:#dfe9fc}
.site-preview{position:absolute;width:min(89%,510px);height:318px;top:108px;left:10%;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #d8e3f4;box-shadow:0 35px 70px rgba(12,34,78,.25);transform:rotate(2deg)}
.preview-chrome{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#eff3fa;border-bottom:1px solid #dce4ef;font-size:9px;color:#8b97ad}
.chrome-dots{display:flex;gap:4px}.chrome-dots i{width:6px;height:6px;background:#abb9cc;border-radius:50%}.chrome-dots i:first-child{background:#fb8888}.chrome-dots i:nth-child(2){background:#ffc277}
.preview-url{background:#fff;padding:4px 42px;border-radius:4px}
.preview-live{font-weight:900;color:#1a9b60}.preview-live span{display:inline-block;width:5px;height:5px;background:#1a9b60;border-radius:50%;vertical-align:middle;margin-right:2px}
.preview-body{padding:13px 22px 0;background:#fff;height:calc(100% - 31px)}
.preview-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#122449;font-size:7px}.preview-nav strong{font-size:9px}.preview-nav b{font-size:7px;background:#004bff;color:#fff;padding:7px 8px;border-radius:3px}
.preview-hero{height:190px;position:relative;overflow:hidden;background:#f3f6ff;margin-top:13px;padding:22px 24px;color:#14223f}
.preview-hero span{display:block;color:#004bff;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.preview-hero strong{display:block;font-size:31px;letter-spacing:-2.1px;line-height:1.04;margin-top:15px;position:relative;z-index:1}
.preview-hero b{display:inline-block;background:#004bff;color:white;font-size:7px;padding:8px 10px;margin-top:15px;position:relative;z-index:1;border-radius:2px}
.preview-hero i{position:absolute;width:145px;height:145px;border:31px solid #c7d9ff;border-radius:50%;right:11px;bottom:-34px;transform:rotate(-28deg)}.preview-hero i:nth-of-type(2){width:90px;height:90px;border-width:18px;right:95px;bottom:62px;border-color:#004bff;opacity:.9}
.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:11px}.preview-cards i{height:29px;background:#e7edfa;border-radius:3px}.preview-cards i:nth-child(2){background:#d7e4ff}
.floating-tag{position:absolute;z-index:3;background:#fff;border:1px solid #e1e7f0;border-radius:8px;box-shadow:0 12px 35px rgba(19,40,81,.13);font-size:11px;font-weight:800;padding:12px 15px;white-space:nowrap}.floating-tag span{color:var(--blue);font-size:10px;margin-right:9px}
.tag-one{left:-9px;top:90px;transform:rotate(-5deg)}.tag-two{right:-7px;bottom:42px;transform:rotate(4deg)}
.visual-caption{position:absolute;bottom:17px;left:17%;font-size:10px;color:#8c9bb0}
.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2f0;position:relative;padding-block:24px 27px}
.hero-facts div{display:flex;align-items:center;gap:15px;padding-left:31px;border-left:1px solid #d9e2f0}.hero-facts div:first-child{padding-left:0;border:0}
.hero-facts strong{font-size:39px;line-height:1;letter-spacing:-2px;color:var(--blue)}.hero-facts span{font-size:11px;font-weight:800;line-height:1.45;letter-spacing:.35px;text-transform:uppercase;color:#5d6d86}
.section{padding-block:112px}
.section-index{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--blue);white-space:nowrap;text-transform:uppercase}
.section-index.light{color:#a9c2ff}
.section-heading{display:grid;grid-template-columns:270px minmax(0,1fr);gap:42px;align-items:start;margin-bottom:58px}
.section-heading h2,.section-side h2,.fit-intro h2,.price-layout h2,.closing-grid h2,.final-grid h2{font-size:clamp(42px,4vw,62px);line-height:1.04;letter-spacing:-3.4px;font-weight:800;max-width:800px;margin:0 0 20px}
.section-heading p,.section-side p,.fit-intro p,.price-layout p{font-size:16px;color:var(--muted);line-height:1.65;max-width:690px;margin:0}
.outcome-section{background:#fff}
.outcome-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:12px}
.outcome-grid article{min-height:335px;border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.outcome-feature{background:#e7efff;border-color:#d8e4ff!important}.mini-label,.card-num{font-size:10px;letter-spacing:1.4px;color:var(--blue);font-weight:900}
.outcome-grid h3{font-size:20px;letter-spacing:-.6px;margin:auto 0 9px}.outcome-grid p{font-size:12px;line-height:1.6;color:#66738a;margin:0}
.window-illustration{width:78%;height:125px;position:relative;transform:rotate(-7deg);margin:24px auto 4px;background:#fff;border-radius:7px;box-shadow:0 10px 24px rgba(46,79,144,.12);overflow:hidden}
.window-top{height:20px;border-bottom:1px solid #e6eaf4;display:flex;gap:3px;align-items:center;padding:0 8px}.window-top i{width:4px;height:4px;background:#aab6c9;border-radius:50%}.window-top span{font-size:5px;color:#adb9c9;margin-left:25px}
.window-canvas{padding:12px}.window-canvas span{display:block;width:25%;height:5px;background:#004bff;margin-bottom:10px}.window-canvas b{display:block;width:75%;height:24px;background:#dce7ff;margin-bottom:9px}.window-canvas i{display:inline-block;width:30%;height:35px;background:#edf3ff;margin-right:3%}.window-canvas i:nth-of-type(2){background:#c9dcff}
.card-symbol{font-size:42px;color:var(--blue);font-weight:400;margin:58px 0 40px}
.method-section{background:#0e1c38;color:#fff;position:relative;overflow:hidden}
.method-section::before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:#1145b6;filter:blur(170px);right:-170px;top:-120px;opacity:.5}
.method-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center;position:relative}
.method-grid h2{font-size:clamp(50px,5vw,78px);line-height:1.02;letter-spacing:-4.2px;margin:23px 0}
.method-grid p{color:#bac7e0;font-size:17px;line-height:1.7;max-width:570px;margin-bottom:30px}
.method-map{border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:18px 27px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}
.method-map div{min-height:93px;display:grid;grid-template-columns:115px 1fr 26px;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.16)}.method-map div:last-child{border:0}
.method-map span{color:#92aedf;font-size:9px;letter-spacing:1.3px;font-weight:900}.method-map strong{font-size:21px;letter-spacing:-.5px}.method-map i{height:1px;width:18px;background:#6fa1ff}.method-map b{font-size:23px;color:#7ad6ac}
.package-section{background:#f7f8fb}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.package-grid article{background:#fff;border:1px solid var(--border);border-radius:13px;min-height:230px;padding:27px;transition:transform .2s,box-shadow .2s}.package-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.package-icon{display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:10px;background:#e9f0ff;color:var(--blue);font-size:26px;margin-bottom:34px}.package-grid h3{font-size:20px;letter-spacing:-.6px;margin-bottom:10px}.package-grid p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.section-link{margin-top:32px}
.fit-section{background:#eaf1ff}.fit-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.fit-intro{position:relative;min-height:450px}.fit-intro h2{margin-top:28px}.fit-intro p{max-width:390px}
.fit-decoration{position:absolute;left:20px;bottom:-30px;width:270px;height:170px;opacity:.9}.fit-decoration span{font-size:210px;font-weight:900;line-height:1;color:#c7d9ff;position:absolute;transform:rotate(-18deg)}.fit-decoration i{display:block;position:absolute;width:90px;height:2px;background:#004bff;right:0;top:65px;transform:rotate(-29deg)}.fit-decoration i:last-child{width:60px;top:92px;right:20px}
.fit-panel{background:#fff;border:1px solid #d9e6fb;border-radius:19px;padding:30px 34px;box-shadow:0 20px 55px rgba(39,81,159,.11)}
.fit-panel-top{display:flex;justify-content:space-between;border-bottom:1px solid #e4e9f3;padding-bottom:19px;margin-bottom:23px;font-size:11px;color:#6980aa;font-weight:900;letter-spacing:1px;text-transform:uppercase}
.fit-panel fieldset{border:0;margin:0 0 25px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.fit-panel legend,.fit-field label{width:100%;font-weight:800;font-size:14px;margin-bottom:12px}.choice,.check-choice{display:flex;align-items:center;gap:9px;border:1px solid #dce4f0;padding:12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;min-height:45px}.choice:has(input:checked),.check-choice:has(input:checked){border-color:#004bff;background:#f2f6ff;color:#0038ce}.choice input,.check-choice input{accent-color:#004bff;margin:0}.fit-panel fieldset:last-of-type{grid-template-columns:1fr}
.fit-field{margin-bottom:25px}.range-row{display:flex;align-items:center;gap:14px}.range-row input{width:100%;accent-color:#004bff}.range-row output{width:42px;height:38px;display:grid;place-items:center;border-radius:7px;background:#eaf1ff;color:#004bff;font-weight:900}
.fit-submit{width:100%}.fit-result{margin-top:18px;background:#f3f6fb;border-radius:9px;padding:17px 20px;min-height:84px}.fit-result strong{font-size:14px}.fit-result p{font-size:12px;color:#68758d;line-height:1.5;margin:6px 0 0}.fit-result.is-match{background:#edf9f2}.fit-result.is-custom{background:#fff2ec}
.timeline-section{background:#fff}.timeline{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dce3ed;border-bottom:1px solid #dce3ed}.timeline article{min-height:285px;padding:24px 30px 30px;border-right:1px solid #dce3ed;position:relative}.timeline article:first-child{padding-left:0}.timeline article:last-child{border:0}.timeline-step{display:block;font-size:76px;color:#d2dff5;font-weight:800;letter-spacing:-6px;line-height:1;margin-bottom:20px}.timeline-label{display:block;font-size:10px;color:#004bff;font-weight:900;letter-spacing:1.5px;margin-bottom:11px}.timeline h3{font-size:20px;letter-spacing:-.6px;margin-bottom:9px}.timeline p{font-size:13px;line-height:1.6;color:#69758c;margin:0;max-width:320px}
.timeline-note{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;margin-top:23px;background:#eef3fb;border-radius:8px;padding:19px 22px}.timeline-note span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#004bff}.timeline-note p{font-size:12px;line-height:1.5;color:#5d6c83;margin:0}.timeline-note a{font-size:12px;font-weight:800;color:#004bff;white-space:nowrap}
.price-section{background:#f5f7fa}.price-layout{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:center}.price-layout h2{margin:24px 0}.price-layout p{margin-bottom:26px}
.price-card{background:#fff;border:1px solid #dfe5ee;border-radius:15px;padding:34px;box-shadow:0 24px 55px rgba(28,55,100,.07)}.price-card-label{font-size:10px;letter-spacing:1.6px;color:#6c7c97;font-weight:900}.price-card>strong{display:block;font-size:clamp(55px,5vw,76px);letter-spacing:-4px;margin:10px 0 1px}.price-unit{display:block;color:#7b8697;font-size:12px;margin-bottom:27px}.price-card-line{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e3e9f1;padding:14px 0;font-size:12px}.price-card-line span{color:#6d7890}.price-card-line b{text-align:right}.price-card .button{width:100%;margin:14px 0 14px}.price-card small{display:block;line-height:1.55;color:#8c96a8;font-size:10px}
.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.section-side h2{font-size:clamp(38px,3.6vw,58px);margin:26px 0}.section-side p{margin-bottom:30px}.faq-list{border-top:1px solid #dfe5ee}.faq-item{border-bottom:1px solid #dfe5ee}.faq-item summary{list-style:none;display:grid;grid-template-columns:46px 1fr 30px;gap:14px;align-items:center;min-height:81px;cursor:pointer;font-size:16px;font-weight:800;line-height:1.35}.faq-item summary::-webkit-details-marker{display:none}.faq-number{font-size:11px;color:#004bff;letter-spacing:1px}.faq-plus{font-size:25px;color:#004bff;font-weight:400;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{font-size:13px;line-height:1.7;color:#66758d;margin:0 45px 23px 60px}
.final-section,.closing-section{background:#004bff;color:#fff;position:relative;overflow:hidden}.final-section::before,.closing-section::before{content:"";position:absolute;right:-100px;top:-220px;width:580px;height:580px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.055),0 0 0 130px rgba(255,255,255,.045)}
.final-grid,.closing-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:80px;position:relative}.final-grid h2,.closing-grid h2{margin:24px 0;max-width:820px}.final-grid p,.closing-grid p{font-size:16px;line-height:1.65;color:#d9e5ff;max-width:560px;margin:0}.final-grid .contact-actions,.closing-grid .contact-actions{flex-direction:column;align-items:stretch;min-width:250px}.final-grid .button,.closing-grid .button{background:#fff;color:#004bff}.final-grid .text-link,.closing-grid .text-link{color:#fff;align-self:flex-start}
.site-footer{background:#0e1729;color:#fff;padding-top:70px}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:70px;padding-bottom:60px}.footer-brand .brand-word,.footer-brand .brand-mark span:last-child{color:#fff;border-color:#fff}.footer-brand p{font-size:13px;color:#95a6c2;line-height:1.65;max-width:350px;margin:22px 0 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-label{font-size:10px;color:#7388ad;letter-spacing:1.5px;font-weight:900;text-transform:uppercase;margin-bottom:8px}.footer-col a{font-size:13px;color:#d4def0}.footer-col a:hover,.footer-bottom a:hover{color:#fff;text-decoration:underline}.footer-bottom{min-height:58px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#788ba9}
.inner-hero{background:linear-gradient(135deg,#f6f8fd,#e8f0ff);padding:40px 0 95px;position:relative;overflow:hidden}.inner-hero::after{content:"";position:absolute;right:-120px;bottom:-300px;width:650px;height:650px;border:100px solid #dce8ff;border-radius:50%;opacity:.58}.inner-hero>.container{position:relative;z-index:1}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#8390a6;margin-bottom:80px}.breadcrumbs a:hover{color:#004bff}.inner-hero h1{font-size:clamp(48px,5.4vw,78px);letter-spacing:-5px;line-height:1.05;max-width:1000px;margin:22px 0}.inner-hero p{font-size:17px;line-height:1.62;color:#596981;max-width:770px;margin:0}.inner-hero-actions{margin-top:28px}
.detail-section{background:#fff}.detail-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.detail-grid h2,.exclusion-section h2,.hosting-grid h2,.iteration-grid h2{font-size:clamp(40px,3.8vw,61px);line-height:1.05;letter-spacing:-3px;margin:22px 0}.detail-grid>div>p,.hosting-grid p{font-size:15px;line-height:1.7;color:var(--muted);max-width:430px}.detail-list{border-top:1px solid var(--border)}.detail-list>div{display:grid;grid-template-columns:48px 220px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--border);align-items:start}.detail-list span{color:#004bff;font-size:11px;font-weight:900}.detail-list strong{font-size:18px;letter-spacing:-.4px}.detail-list p{font-size:13px;color:#6d798d;line-height:1.6;margin:0}
.exclusion-section{background:#f4f7fc}.exclusion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.exclusion-grid div{background:#fff;border:1px solid #e1e7f0;border-radius:8px;padding:20px 22px 20px 55px;font-size:14px;font-weight:700;position:relative}.exclusion-grid div::before{content:"—";position:absolute;left:21px;color:#004bff;font-weight:900}.scope-note{font-size:13px;line-height:1.65;color:#60718d;margin:25px 0 0;max-width:850px}
.hosting-section{background:#fff}.hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.hosting-visual{height:340px;background:#eaf1ff;display:grid;place-items:center;border-radius:14px;position:relative;overflow:hidden}.server-box{position:relative;width:260px;height:220px;background:#112654;border-radius:17px;box-shadow:0 28px 45px rgba(20,49,114,.3);padding:25px;color:#fff;z-index:1}.server-box span{font-size:11px;letter-spacing:2px;font-weight:900;color:#9dbaf7}.server-box i{display:block;width:100%;height:32px;border:1px solid #47639a;background:#1a376f;border-radius:5px;margin-top:13px}.server-box i::after{content:"● ● ●";color:#93aee1;font-size:8px;letter-spacing:7px;float:right;margin:10px}.server-box b{display:block;color:#69dca9;font-size:9px;letter-spacing:1px;margin-top:15px}.server-orbit{position:absolute;width:530px;height:530px;border:1px solid #bfd3f7;border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.45),0 0 0 110px rgba(255,255,255,.3)}.hosting-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.hosting-chips span{font-size:11px;font-weight:800;color:#004bff;background:#eaf1ff;border-radius:30px;padding:9px 13px}
.process-hero{background:#0e1c38;color:#fff}.process-hero::after{border-color:#1e3e82;opacity:.4}.process-hero .breadcrumbs{color:#8ca4cf}.process-hero .section-index{color:#a6c1ff}.process-hero p{color:#b7c7e2}.hero-step-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:45px}.hero-step-line span{font-size:10px;font-weight:900;letter-spacing:1px;color:#dce7ff}.hero-step-line i{width:52px;height:1px;background:#6683bd}
.process-detail{background:#fff}.process-item{display:grid;grid-template-columns:160px 1fr 70px;gap:40px;align-items:start;padding:40px 0;border-bottom:1px solid #e1e6ef}.process-item:first-child{padding-top:0}.process-item:last-child{border:0}.process-number{font-size:92px;letter-spacing:-8px;line-height:1;color:#d8e5ff;font-weight:800}.process-item h2{font-size:clamp(30px,3vw,48px);line-height:1.1;letter-spacing:-2px;margin:12px 0}.process-item p{font-size:15px;line-height:1.65;color:#65738a;max-width:780px;margin:0}.process-sign{font-size:36px;color:#004bff;text-align:right}
.iteration-section{background:#102146;color:#fff}.iteration-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.iteration-grid p{font-size:15px;line-height:1.75;color:#b4c8ee;max-width:650px}.iteration-art{display:flex;flex-direction:column;gap:12px}.iteration-art div{display:flex;align-items:center;gap:24px;min-height:85px;padding:18px 22px;border:1px solid #3b5894;border-radius:10px;background:rgba(255,255,255,.06)}.iteration-art span{color:#8eaff5;font-weight:900;font-size:27px}.iteration-art strong{font-size:16px}
.process-answers{background:#f6f8fb}.answer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answer-cards article{background:#fff;border:1px solid #e1e7f0;border-radius:11px;padding:28px;min-height:220px}.answer-cards span{color:#004bff;font-size:11px;font-weight:900}.answer-cards h3{margin:50px 0 9px;font-size:21px;letter-spacing:-.5px}.answer-cards p{font-size:13px;line-height:1.65;color:#66758e;margin:0}
.not-found{min-height:65vh;display:flex;align-items:center;background:#eef3ff}.not-found h1{font-size:clamp(54px,6vw,90px);letter-spacing:-5px;line-height:1;max-width:850px;margin:30px 0}.not-found p{font-size:17px;line-height:1.6;color:#64728a;max-width:700px;margin-bottom:25px}
.theme-night{color-scheme:dark;--bg:#0b1225;--surface:#111d33;--ink:#eef5ff;--muted:#a9bad2;--border:#2a3d5d;--dark:#16284a;--blue:#68a4ff;--blue-deep:#4e8af0}
.theme-night body{background:#0b1225;color:#eef5ff}.theme-night .site-header{background:rgba(11,18,37,.93);border-color:#243452}.theme-night .brand-info{background:#1c66ff}.theme-night .brand-mark span:first-child{border-color:#76a8ff}.theme-night .desktop-nav a,.theme-night .header-phone{color:#c3d3ec}.theme-night .hero{background:radial-gradient(circle at 75% 40%,#14346c,#0b1225 60%)}.theme-night .hero-grid{background-image:linear-gradient(rgba(117,170,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(117,170,255,.065) 1px,transparent 1px)}.theme-night .hero-lead,.theme-night .hero-note,.theme-night .hero-facts span{color:#a9bad2}.theme-night .hero-facts,.theme-night .hero-facts div{border-color:#284267}.theme-night .outcome-section,.theme-night .timeline-section,.theme-night .faq-section,.theme-night .detail-section,.theme-night .hosting-section,.theme-night .process-detail{background:#0e182c}.theme-night .outcome-grid article,.theme-night .package-grid article,.theme-night .price-card,.theme-night .fit-panel,.theme-night .answer-cards article,.theme-night .exclusion-grid div{background:#14213a;border-color:#2c3e5b}.theme-night .outcome-feature{background:#17366c!important}.theme-night .outcome-grid p,.theme-night .package-grid p,.theme-night .timeline p,.theme-night .faq-item p,.theme-night .detail-list p,.theme-night .answer-cards p,.theme-night .process-item p,.theme-night .scope-note{color:#a1b3d0}.theme-night .package-section,.theme-night .price-section,.theme-night .process-answers,.theme-night .exclusion-section,.theme-night .fit-section{background:#101d34}.theme-night .fit-panel-top,.theme-night .faq-item,.theme-night .faq-list,.theme-night .timeline,.theme-night .timeline article,.theme-night .price-card-line,.theme-night .detail-list,.theme-night .detail-list>div,.theme-night .process-item{border-color:#2c3e5b}.theme-night .fit-result,.theme-night .timeline-note{background:#1c3153}.theme-night .fit-result p,.theme-night .timeline-note p{color:#b6c9e3}.theme-night .choice,.theme-night .check-choice{border-color:#3b5072}.theme-night .choice:has(input:checked),.theme-night .check-choice:has(input:checked){background:#24487e;color:#fff}.theme-night .range-row output{background:#233f6d}.theme-night .fit-decoration span{color:#26477e}.theme-night .window-illustration,.theme-night .site-preview{color:#16233f}.theme-night .button-dark{background:#266bff}.theme-night .hosting-visual{background:#173462}.theme-night .inner-hero{background:#101f3b}.theme-night .inner-hero::after{border-color:#193b7d}.theme-night .inner-hero p{color:#b4c6e2}.theme-night .hosting-chips span{background:#213c6c}.theme-night .not-found{background:#0f213f}
.theme-editorial{--bg:#f3f0e9;--surface:#fffdf8;--surface-alt:#e9e5dc;--ink:#25303c;--muted:#646b70;--border:#dcd8cf;--dark:#25303c;--blue:#0058d8;--blue-deep:#003fa6}.theme-editorial body{background:#f3f0e9}.theme-editorial .site-header{background:rgba(243,240,233,.95);border-color:#dbd8d0}.theme-editorial h1,.theme-editorial h2,.theme-editorial .hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-3.5px}.theme-editorial .hero{background:#f3f0e9}.theme-editorial .hero-grid{background-image:linear-gradient(rgba(0,88,216,.07) 1px,transparent 1px)}.theme-editorial .hero h1{font-size:clamp(60px,6vw,92px);line-height:1.02}.theme-editorial .hero-lead{color:#606a73}.theme-editorial .hero-visual{filter:saturate(.75)}.theme-editorial .outcome-section,.theme-editorial .timeline-section,.theme-editorial .faq-section,.theme-editorial .detail-section,.theme-editorial .hosting-section,.theme-editorial .process-detail{background:#fffdf8}.theme-editorial .package-section,.theme-editorial .price-section,.theme-editorial .process-answers,.theme-editorial .exclusion-section{background:#f3f0e9}.theme-editorial .fit-section{background:#e6e7e2}.theme-editorial .method-section,.theme-editorial .process-hero,.theme-editorial .iteration-section{background:#293847}.theme-editorial .package-grid article,.theme-editorial .price-card,.theme-editorial .fit-panel,.theme-editorial .answer-cards article,.theme-editorial .exclusion-grid div{background:#fffdf8}.theme-editorial .final-section,.theme-editorial .closing-section{background:#1f4fba}.theme-editorial .section-heading h2,.theme-editorial .section-side h2,.theme-editorial .fit-intro h2,.theme-editorial .price-layout h2,.theme-editorial .closing-grid h2,.theme-editorial .final-grid h2{letter-spacing:-2.5px}.theme-editorial .outcome-grid article,.theme-editorial .package-grid article,.theme-editorial .price-card,.theme-editorial .fit-panel{border-radius:3px}
@media(max-width:1180px){.desktop-nav{gap:17px}.header-phone{display:none}.hero-content{gap:20px}.hero h1{font-size:clamp(56px,6vw,77px)}.hero-visual{transform:scale(.92);transform-origin:center right}.outcome-grid{grid-template-columns:repeat(2,1fr)}.outcome-grid article{min-height:290px}.fit-grid{gap:45px}.faq-grid{gap:50px}.detail-grid{gap:55px}.detail-list>div{grid-template-columns:35px 170px 1fr}}
@media(max-width:860px){.container{width:min(100% - 40px,720px)}.site-header{height:72px}.desktop-nav,.header-phone,.header-actions>.button{display:none}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--border);border-radius:8px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;padding:14px 20px 24px;background:var(--bg);border-bottom:1px solid var(--border);gap:0}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.concept-inner{flex-wrap:wrap;padding-block:10px}.concept-switcher{order:3;width:100%;overflow:auto}.concept-switcher a{white-space:nowrap}.hero-content{grid-template-columns:1fr;padding-block:70px 15px;min-height:auto}.hero-copy{max-width:none}.hero h1{font-size:clamp(56px,10vw,80px);letter-spacing:-4.5px;max-width:650px}.hero-visual{transform:scale(.9);transform-origin:top center;height:440px;margin-inline:auto;width:min(100%,590px)}.hero-facts{grid-template-columns:repeat(2,1fr);gap:0}.hero-facts div{padding:16px 12px!important;border-left:0!important;border-bottom:1px solid #d9e2f0}.section{padding-block:80px}.section-heading,.method-grid,.fit-grid,.price-layout,.faq-grid,.detail-grid,.hosting-grid,.iteration-grid{grid-template-columns:1fr;gap:35px}.section-heading{margin-bottom:40px}.section-heading h2,.section-side h2,.fit-intro h2,.price-layout h2{font-size:clamp(40px,7vw,58px)}.fit-intro{min-height:auto}.fit-decoration{display:none}.method-map{max-width:620px}.package-grid{grid-template-columns:repeat(2,1fr)}.timeline-note{grid-template-columns:1fr;gap:8px}.final-grid,.closing-grid{grid-template-columns:1fr;gap:36px}.final-grid .contact-actions,.closing-grid .contact-actions{min-width:0}.footer-main{grid-template-columns:1fr 1fr;gap:45px}.footer-brand{grid-column:1/-1}.inner-hero{padding-bottom:75px}.breadcrumbs{margin-bottom:55px}.detail-list>div{grid-template-columns:35px 180px 1fr}.hosting-visual{height:280px}.process-item{grid-template-columns:100px 1fr 35px;gap:20px}.process-number{font-size:70px}.answer-cards{grid-template-columns:1fr 1fr}.answer-cards article:last-child{grid-column:1/-1}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.brand-word{font-size:18px}.brand-info{font-size:14px}.hero-content{padding-top:55px}.hero h1{font-size:clamp(48px,12vw,68px);letter-spacing:-4px;margin:22px 0}.hero-lead{font-size:15px;line-height:1.6}.contact-actions{align-items:stretch;flex-direction:column;gap:18px}.contact-actions .button{width:100%}.contact-actions .text-link{align-self:flex-start}.hero-visual{width:480px;max-width:calc(100vw - 16px);height:340px;transform:scale(.72);transform-origin:top left;margin-bottom:-95px}.visual-index{right:35px}.hero-facts strong{font-size:32px}.hero-facts span{font-size:9px}.hero-facts div{gap:11px}.section{padding-block:65px}.section-heading{gap:16px}.section-heading h2,.section-side h2,.fit-intro h2,.price-layout h2,.closing-grid h2,.final-grid h2{font-size:clamp(37px,10vw,52px);letter-spacing:-2.4px}.section-heading p,.section-side p,.fit-intro p,.price-layout p{font-size:14px}.outcome-grid,.package-grid,.timeline,.exclusion-grid,.answer-cards{grid-template-columns:1fr}.outcome-grid article{min-height:230px}.outcome-feature{min-height:305px!important}.card-symbol{margin:30px 0 25px}.method-grid h2{font-size:clamp(43px,11vw,62px);letter-spacing:-3px}.method-grid p{font-size:14px}.method-map{padding:8px 15px}.method-map div{grid-template-columns:100px 1fr 18px;min-height:80px}.method-map strong{font-size:15px}.method-map span{font-size:8px}.package-grid article{min-height:205px}.fit-panel{padding:20px}.fit-panel fieldset{grid-template-columns:1fr}.fit-panel legend,.fit-field label{font-size:13px}.timeline article{min-height:190px;padding:25px 0!important;border-right:0;border-bottom:1px solid #dce3ed}.timeline article:last-child{border:0}.timeline-step{font-size:58px;margin-bottom:12px}.timeline-note{margin-top:10px}.price-card{padding:25px}.faq-item summary{grid-template-columns:30px 1fr 22px;gap:8px;font-size:14px;min-height:70px}.faq-item p{margin-left:38px;margin-right:12px}.footer-main{grid-template-columns:1fr;gap:33px}.footer-brand{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding-block:18px;gap:7px}.inner-hero h1{font-size:clamp(44px,11vw,62px);letter-spacing:-3px}.inner-hero p{font-size:15px}.detail-list>div{grid-template-columns:32px 1fr;gap:7px}.detail-list p{grid-column:2}.hosting-grid{gap:28px}.hosting-visual{height:250px}.server-box{transform:scale(.8)}.hero-step-line{gap:8px}.hero-step-line span{font-size:8px}.hero-step-line i{width:15px}.process-item{grid-template-columns:65px 1fr;gap:12px;padding:30px 0}.process-number{font-size:47px;letter-spacing:-5px}.process-sign{display:none}.process-item h2{font-size:29px}.process-item p{font-size:13px}.answer-cards article:last-child{grid-column:auto}.answer-cards article{min-height:180px}.answer-cards h3{margin-top:30px}.not-found h1{font-size:55px;letter-spacing:-3px}}
@media(max-width:370px){.hero h1{font-size:45px}.hero-visual{transform:scale(.62);margin-bottom:-120px}.hero-facts strong{font-size:27px}.hero-facts span{font-size:8px}.button{gap:10px}.fit-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
.price-pill{display:inline-flex;align-items:center;gap:20px;background:#fff;border:1px solid #dbe5f3;border-radius:8px;padding:13px 18px;margin-top:7px}.price-pill span{font-size:10px;letter-spacing:1px;font-weight:900;color:#61728d}.price-pill strong{font-size:24px;letter-spacing:-1px;color:var(--blue)}.inner-hero-actions{margin-top:24px}.theme-night .price-pill{background:#14213a;border-color:#2c3e5b}.theme-editorial .price-pill{background:#fffdf8}
@media(max-width:600px){.hero-visual{width:100%;max-width:none;height:300px;transform:none;margin:18px 0 0}.visual-index{width:100%;top:0;right:0;font-size:8px}.preview-stack,.site-preview{width:90%;height:220px;top:42px;left:5%}.preview-back{transform:rotate(-9deg) translate(-8px,-4px)}.preview-middle{transform:rotate(-4deg) translate(-4px,-2px)}.site-preview{transform:rotate(2deg)}.preview-chrome{height:25px}.preview-body{height:calc(100% - 25px);padding:9px 13px 0}.preview-nav span{display:none}.preview-hero{height:125px;padding:13px 15px;margin-top:8px}.preview-hero strong{font-size:21px;letter-spacing:-1.2px;margin-top:8px}.preview-hero span{font-size:6px}.preview-hero b{font-size:6px;padding:6px;margin-top:8px}.preview-hero i{width:95px;height:95px;border-width:20px;right:8px;bottom:-22px}.preview-hero i:nth-of-type(2){width:60px;height:60px;border-width:11px;right:57px;bottom:38px}.preview-cards{padding-top:7px}.preview-cards i{height:19px}.floating-tag{font-size:8px;padding:8px 10px}.floating-tag span{font-size:7px;margin-right:4px}.tag-one{left:0;top:33px}.tag-two{right:0;bottom:18px}.visual-caption{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px}.price-pill{flex-direction:column;align-items:flex-start;gap:3px}.price-pill strong{font-size:26px}}
.method-proof{font-size:12px!important;color:#93aacc!important;margin:23px 0 0!important}.method-proof a{color:#e6efff;text-decoration:underline;text-underline-offset:4px}.fit-result[data-state="fit"]{background:#e9f8ef}.fit-result[data-state="special"]{background:#fff1e8}.theme-night .fit-result[data-state="fit"]{background:#1c4739}.theme-night .fit-result[data-state="special"]{background:#4b3029}.theme-night .floating-tag{color:#16223c}.theme-editorial .hero-content{grid-template-columns:.92fr 1.08fr}.theme-editorial .hero-copy{order:2}.theme-editorial .hero-visual{order:1}.theme-editorial .hero-grid{mask-image:none}.theme-editorial .hero-facts strong{font-family:Georgia,"Times New Roman",serif;font-weight:400}.theme-editorial .package-grid{grid-template-columns:repeat(3,1fr)}.theme-editorial .package-grid article{min-height:285px}.theme-editorial .method-map{border-radius:2px}.theme-editorial .outcome-feature{background:#e2e5e4}.theme-editorial .price-card{border-radius:2px}
@media(max-width:860px){.theme-editorial .hero-content{grid-template-columns:1fr}.theme-editorial .hero-copy{order:1}.theme-editorial .hero-visual{order:2}.theme-editorial .package-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.theme-editorial .package-grid{grid-template-columns:1fr}.theme-editorial .package-grid article{min-height:205px}}
@media(max-width:600px){.process-item>div{min-width:0;overflow-wrap:anywhere}}
.process-hero-actions{margin-top:35px}.process-hero-actions .text-link{color:#bdd0ff}