.webdesign-page{--wd-ink:#101820;--wd-deep:#0a151c;--wd-deep-2:#112731;--wd-orange:#ff6037;--wd-muted:#52656d;--wd-line:#d4dfe1;--wd-paper:#f5f7f7;background:#fff;color:var(--wd-ink);font-family:var(--wb-font-sans,Manrope,Arial,sans-serif)}
.wd-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.wd-hero{position:relative;overflow:hidden;padding:clamp(58px,8vw,104px) 0;background:radial-gradient(ellipse at 82% 44%,#1b3a453b,transparent 44%),linear-gradient(118deg,#0a151c,#10242d 66%,#0b1920);color:#fff}.wd-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(90deg,transparent 49.8%,#d6e5e80c 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#d6e5e80b 50%,transparent 50.2%);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.wd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,6.5vw,88px);align-items:center}.wd-copy{max-width:540px}.wd-kicker{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#c8462a;font:700 10px/1.4 var(--wb-font-mono,monospace);letter-spacing:.17em;text-transform:uppercase}.wd-kicker i,.wd-preview-caption i{width:7px;height:7px;border-radius:50%;background:var(--wd-orange);box-shadow:0 0 12px #ff603766}.wd-copy .wd-kicker{color:#ff9a7f}.wd-copy h1,.wd-section-head h2,.wd-faq h2{margin:0;color:inherit;font-size:clamp(42px,5.2vw,68px);line-height:1.01;letter-spacing:-.065em;text-wrap:balance}.wd-copy h1 em,.wd-section-head h2 em,.wd-faq h2 em,.wd-final h2 em{color:#ff7049;font-style:normal}.wd-lede{max-width:510px;margin:23px 0 0;color:#c2cdd0;font-size:15px;line-height:1.8}.wd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin:28px 0 22px}.wd-button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:20px;padding:0 19px;border:1px solid transparent;border-radius:5px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.wd-button-primary{background:var(--wd-orange);color:#101820;box-shadow:0 10px 28px #ff60372c}.wd-button-primary:hover{transform:translateY(-2px);background:#ff7955;box-shadow:0 14px 30px #ff603744}.wd-button:focus-visible,.wd-link:focus-visible,.wd-route-cta:focus-visible,.wd-switch button:focus-visible,.wd-faq summary:focus-visible{outline:3px solid #ff9c82;outline-offset:4px}.wd-link{color:#e3e9ea;font-size:12px;font-weight:700;text-underline-offset:5px}.wd-link:hover{color:#ff9a7f}.wd-time-note{display:flex;gap:9px;margin:0;color:#fff;font-size:12px;font-weight:700}.wd-time-note span{color:#ff7049}.wd-footnote{max-width:490px;margin:7px 0 0 19px;color:#93a5ab;font-size:10px;line-height:1.6}.wd-preview{position:relative;min-width:0;overflow:hidden;padding:16px;border:1px solid #35515b;border-radius:9px;background:#0b1b22;box-shadow:0 26px 65px #02080d66,0 0 0 7px #ffffff08;transform:perspective(1300px) rotateY(-2deg)}.wd-preview-top{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 12px;color:#adc0c5;font:700 9px var(--wd-font-mono,monospace);letter-spacing:.11em}.wd-preview-top>span{display:flex;gap:5px}.wd-preview-top i{width:6px;height:6px;border-radius:50%;background:#ed5e3c}.wd-preview-top i:nth-child(2){background:#e9b878}.wd-preview-top i:nth-child(3){background:#69c7a7}.wd-preview-top b{font-size:15px;color:#ff7955}.wd-preview-image{height:clamp(185px,23vw,280px);overflow:hidden;border-radius:4px;background:#142932}.wd-preview-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:.5;filter:saturate(.72) contrast(1.08)}.wd-preview-overlay{position:absolute;left:10%;right:10%;top:29%;min-height:210px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(20px,3vw,38px);border:1px solid #ffffff40;border-radius:4px;background:linear-gradient(125deg,#101e24ed,#152b31d9);box-shadow:0 18px 36px #0006;backdrop-filter:blur(5px)}.wd-preview-tag{margin-bottom:18px;color:#ff987b;font:700 8px var(--wd-font-mono,monospace);letter-spacing:.17em}.wd-preview-overlay strong{color:#fff;font-size:clamp(23px,3vw,38px);line-height:1.03;letter-spacing:-.05em}.wd-preview-line{width:43px;height:2px;margin:16px 0;background:#ff6037}.wd-preview-cta{display:flex;gap:20px;align-items:center;color:#f3f5f5;font-size:10px}.wd-preview-cta b{color:#ff7049}.wd-preview-caption{display:flex;justify-content:space-between;gap:12px;padding:14px 2px 0;color:#9bafb5;font:700 8px var(--wd-font-mono,monospace);letter-spacing:.12em}.wd-preview-caption>span:first-child{display:flex;align-items:center;gap:8px}.wd-preview-caption i{width:5px;height:5px}
.wd-section{padding:clamp(70px,8vw,108px) 0}.wd-choice{background:linear-gradient(160deg,#101e24,#0b171d 66%,#102630);color:#fff}.wd-section-head{display:grid;grid-template-columns:1fr minmax(220px,.54fr);gap:36px;align-items:end;margin-bottom:34px}.wd-section-head h2,.wd-faq h2{font-size:clamp(34px,4.4vw,54px)}.wd-section-head>p{max-width:390px;margin:0 0 4px;color:#bac8cc;font-size:13px;line-height:1.8}.wd-kicker-light{color:#ff9478}.wd-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.wd-switch button{position:relative;min-width:0;min-height:82px;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #49616a;border-radius:6px;background:#13252d;color:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.wd-switch button:hover{transform:translateY(-2px);border-color:#8aa1a6}.wd-switch button.is-selected{border-color:#ff7049;background:#1b3037;box-shadow:inset 0 0 0 1px #ff704955}.wd-switch-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #ff7049;border-radius:6px;color:#ff906e;font-size:24px;font-weight:800}.wd-ai-icon{font-size:23px}.wd-switch button>span:nth-child(2){display:grid;gap:5px}.wd-switch b{font-size:14px}.wd-switch small{color:#bdc9cc;font-size:11px}.wd-switch-check{margin-left:auto;color:#ff8c6a;opacity:0}.wd-switch button.is-selected .wd-switch-check{opacity:1}.wd-route-panel{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(25px,5vw,65px);align-items:center;padding:clamp(23px,4vw,42px);border:1px solid #314951;border-radius:8px;background:linear-gradient(135deg,#12262e,#0c1b22);box-shadow:0 20px 48px #02090d40}.wd-route-copy{max-width:440px}.wd-route-label{color:#ff9072;font:700 9px var(--wd-font-mono,monospace);letter-spacing:.14em}.wd-route-copy h3{margin:13px 0;color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:-.045em}.wd-route-copy>p{margin:0;color:#bdcacf;font-size:13px;line-height:1.75}.wd-route-copy ul{display:grid;gap:9px;margin:19px 0 24px;padding:0;list-style:none;color:#e1e8e9;font-size:12px}.wd-route-copy li{display:flex;gap:10px;align-items:flex-start}.wd-route-copy li::before{content:"✓";color:#ff8a68;font-weight:800}.wd-route-cta{display:inline-flex;align-items:center;gap:18px;color:#ff987c;font-size:12px;font-weight:800;text-underline-offset:4px}.wd-route-visual{position:relative;min-width:0;padding:14px;border:1px solid #344e57;border-radius:7px;background:#0a171d}.wd-browser{overflow:hidden;border:1px solid #45616b;border-radius:5px;background:#f5f7f7}.wd-browser-bar{height:26px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#e4eaeb}.wd-browser-bar>span{width:5px;height:5px;border-radius:50%;background:#ff6037}.wd-browser-bar>span:nth-child(2){background:#eab171}.wd-browser-bar>span:nth-child(3){background:#78bd9d}.wd-browser-bar i{margin:auto;color:#566970;font-size:7px;font-style:normal}.wd-browser-content{min-height:216px;padding:17px 20px 13px;color:#101820}.wd-browser-nav{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#536970;font-size:8px}.wd-browser-nav b{color:#101820;font-size:9px}.wd-browser-hero{display:flex;flex-direction:column;align-items:flex-start;padding:25px 2px 16px}.wd-browser-hero small{color:#d95032;font:700 7px var(--wd-font-mono,monospace);letter-spacing:.15em}.wd-browser-hero strong{margin:8px 0;color:#111e24;font-size:clamp(21px,3vw,34px);line-height:1;letter-spacing:-.06em}.wd-browser-hero>span{color:#566970;font-size:8px}.wd-browser-hero>i{margin-top:12px;padding:7px 10px;border-radius:2px;background:#ff6037;color:#101820;font-size:7px;font-style:normal;font-weight:800}.wd-browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wd-browser-cards span{height:32px;border:1px solid #d8e0e1;border-radius:2px;background:linear-gradient(140deg,#fff,#f0f3f3)}.wd-visual-note{display:grid;grid-template-columns:24px 1fr;column-gap:9px;align-items:center;padding:12px 2px 0;color:#fff}.wd-visual-note>span{grid-row:span 2;color:#ff8a68;font:700 9px var(--wd-font-mono,monospace)}.wd-visual-note b{font-size:10px}.wd-visual-note small{margin-top:3px;color:#9eb0b5;font-size:8px}.wd-security-note{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;color:#9fb1b6;font-size:10px;line-height:1.7}.wd-security-note span{color:#ff8a68;font-size:14px}
.wd-process{background:#f4f6f6}.wd-process-head>p{color:#556970}.wd-process .wd-kicker{color:#c8462a}.wd-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.wd-steps li{min-width:0;min-height:190px;display:grid;grid-template-columns:35px 1fr 16px;gap:12px;padding:23px 20px;border:1px solid #d4dfe1;border-radius:6px;background:#fff;box-shadow:0 8px 22px #132c3409;transition:transform .22s ease,box-shadow .22s ease}.wd-steps li:hover{transform:translateY(-4px);box-shadow:0 14px 28px #132c3415}.wd-steps li>span{color:#d84d2f;font:700 10px var(--wd-font-mono,monospace)}.wd-steps h3{margin:0 0 10px;color:#101820;font-size:15px}.wd-steps p{margin:0;color:#596c73;font-size:12px;line-height:1.75}.wd-steps li>b{color:#ed5e3a}.wd-launch-note{display:flex;gap:15px;align-items:flex-start;margin-top:18px;padding:19px 21px;border:1px solid #e4c8bd;border-radius:5px;background:#fffaf8}.wd-launch-icon{color:#dc5736;font-size:20px}.wd-launch-note p{margin:0;color:#52656c;font-size:11px;line-height:1.75}.wd-launch-note b{color:#15252c}
.wd-faq{background:#fff}.wd-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(35px,7vw,90px);align-items:start}.wd-faq h2{color:#101820}.wd-faq-grid>div:first-child>p:last-child{max-width:330px;color:#596c73;font-size:13px;line-height:1.75}.wd-faq-list{border-top:1px solid #dbe3e4}.wd-faq-list details{border-bottom:1px solid #dbe3e4}.wd-faq-list summary{position:relative;padding:18px 38px 18px 0;color:#14232a;font-size:13px;font-weight:800;line-height:1.5;cursor:pointer;list-style:none}.wd-faq-list summary::-webkit-details-marker{display:none}.wd-faq-list summary::after{content:"+";position:absolute;right:3px;top:14px;color:#db5333;font-size:21px;font-weight:500;transition:transform .2s ease}.wd-faq-list details[open] summary::after{transform:rotate(45deg)}.wd-faq-list details p{max-width:650px;margin:0;padding:0 35px 18px 0;color:#576b72;font-size:12px;line-height:1.75}.wd-final{padding:clamp(56px,7vw,82px) 0;background:linear-gradient(115deg,#0a151c,#122a33 72%,#0c1c23);color:#fff}.wd-final-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.wd-final h2{margin:0;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.055em}.wd-final p:last-child{margin:12px 0 0;color:#bfcbce;font-size:12px}.wd-final .wd-button{flex:0 0 auto}
@media(max-width:900px){.wd-hero-grid{grid-template-columns:1fr 1fr;gap:32px}.wd-route-panel{grid-template-columns:1fr;gap:26px}.wd-route-copy{max-width:650px}.wd-route-visual{max-width:620px;width:100%;justify-self:center}.wd-browser-content{min-height:205px}}
@media(max-width:680px){.wd-wrap{width:calc(100% - 36px)}.wd-hero{padding:52px 0 45px}.wd-hero-grid{grid-template-columns:1fr;gap:32px}.wd-copy{max-width:600px}.wd-copy h1{font-size:clamp(42px,11vw,60px)}.wd-lede{font-size:14px}.wd-preview{width:min(100%,560px);justify-self:center;transform:none}.wd-preview-image{height:220px}.wd-preview-overlay{top:27%;left:8%;right:8%;min-height:175px}.wd-preview-overlay strong{font-size:30px}.wd-section{padding:64px 0}.wd-section-head{grid-template-columns:1fr;gap:16px;margin-bottom:25px}.wd-section-head>p{max-width:520px}.wd-switch{grid-template-columns:1fr;gap:9px}.wd-switch button{min-height:72px}.wd-route-panel{padding:21px 17px}.wd-steps{grid-template-columns:1fr;gap:10px}.wd-steps li{min-height:0;padding:20px}.wd-faq-grid{grid-template-columns:1fr;gap:22px}.wd-final-inner{align-items:flex-start;flex-direction:column}.wd-final .wd-button{width:100%}}
@media(max-width:380px){.wd-wrap{width:calc(100% - 28px)}.wd-actions{align-items:flex-start;flex-direction:column;gap:16px}.wd-actions .wd-button{width:100%}.wd-preview{padding:11px}.wd-preview-image{height:190px}.wd-preview-overlay{min-height:155px;padding:18px}.wd-preview-overlay strong{font-size:25px}.wd-preview-caption{font-size:7px}.wd-browser-content{padding:14px 12px;min-height:190px}.wd-browser-hero{padding:23px 2px 13px}}
@media(prefers-reduced-motion:reduce){.webdesign-page *, .webdesign-page *::before,.webdesign-page *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.webdesign-page .wd-button:hover,.webdesign-page .wd-switch button:hover,.webdesign-page .wd-steps li:hover{transform:none}}