:root{--wd-ink:#181c22;--wd-blue:#2e6be6;--wd-sky:#7cb1f5;--wd-deep:#0c2d4b;--wd-paper:#fdfdfb;--wd-line:#dce4eb;--wd-wrap:min(1180px,88vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wd-paper);color:var(--wd-ink);font:17px/1.58 Archivo,Arial,sans-serif;font-optical-sizing:auto;overflow-x:hidden}a{color:inherit}.wd-skip{position:absolute;left:-9999px}.wd-skip:focus{left:1rem;top:5rem;background:#fff;padding:.7rem;z-index:500}.wd-wrap{width:var(--wd-wrap);margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em;line-height:.98}h1{font-size:clamp(3.7rem,6.3vw,6.8rem);font-weight:630}h2{font-size:clamp(3rem,4.8vw,5.6rem);font-weight:630}h3{font-size:clamp(2rem,3vw,3.4rem);font-weight:620}.wd-kicker,.wd-index{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a9c9f8}.wd-kicker span{opacity:.6;padding:0 .35rem}.wd-kicker-blue{color:#265ac3}.wd-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.78rem 1.3rem;min-height:49px;border:1px solid #2e6be6;border-radius:9px;background:#2e6be6;color:#fff;text-decoration:none;font-size:.9rem;font-weight:680;transition:transform .25s,background .25s,box-shadow .25s}.wd-button:hover{transform:translateY(-3px);background:#1b53c4;box-shadow:0 12px 25px #061b3c33}.wd-button-outline{background:transparent;border-color:#a9c9f8}.wd-button-outline:hover{background:#ffffff16}.wd-button-white{background:#fff;border-color:#fff;color:#123963}.wd-button-white:hover{background:#e8f1ff}.wd-text-link{display:inline-flex;gap:.7rem;align-items:center;text-decoration:none;font-weight:680;border-bottom:1px solid currentColor;padding-bottom:.2rem}.wd-text-link:hover{color:#2e6be6}.wd-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0 1.4rem}.wd-hero{position:relative;background:linear-gradient(150deg,#092747 0%,#0e416c 55%,#1e5d92 100%);color:#fff;min-height:780px;padding:clamp(9rem,13vw,12rem) 0 clamp(6rem,10vw,10rem);overflow:hidden}.wd-hero-glow{position:absolute;width:55vw;height:55vw;border-radius:50%;right:-14vw;top:-22vw;background:radial-gradient(circle,#5498d477,transparent 67%);pointer-events:none}.wd-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,4vw,5rem)}.wd-hero-copy{position:relative;z-index:2}.wd-hero h1{max-width:10.5ch;margin:1.2rem 0 1.4rem}.wd-hero h1 em{font-style:normal;color:#a9c9f8}.wd-hero-copy>p{font-size:clamp(1.04rem,1.38vw,1.2rem);color:#d1ddeb;max-width:43ch}.wd-hero-foot{font-size:.7rem;letter-spacing:.04em;color:#a9bdd0}.wd-hero-art{position:relative;min-height:560px;isolation:isolate;display:flex;align-items:center;justify-content:center}.wd-orbit{position:absolute;border:1px solid #bddaff2b;border-radius:50%;width:690px;height:690px;right:-35%;top:-10%;transform:rotate(-28deg)}.wd-orbit-two{width:470px;height:470px;right:-12%;top:11%;border-color:#bddaff24}.wd-browser{position:relative;z-index:2;width:min(100%,645px);margin-left:2rem;background:#fff;border-radius:14px;box-shadow:0 45px 95px #001a3e7c;overflow:hidden;transform:rotate(-3deg);animation:wd-browser-in 1.1s cubic-bezier(.16,1,.3,1) both}.wd-browser-top{height:30px;display:flex;align-items:center;justify-content:space-between;background:#e8eef3;color:#68798a;padding:0 12px;font-size:.58rem;letter-spacing:.02em}.wd-dots{display:flex;gap:4px}.wd-dots i{width:7px;height:7px;background:#bbc8d3;border-radius:50%}.wd-browser-live{color:#1c7358;font-weight:800;font-size:.54rem;letter-spacing:.15em}.wd-browser-page{position:relative;aspect-ratio:1.25;background:#e8f0f6;overflow:hidden}.wd-browser-nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:4% 5%;color:#113e62;font-size:.68rem}.wd-browser-nav strong{letter-spacing:.1em;font-size:.92rem}.wd-browser-body{position:relative;z-index:2;padding:4% 0 0 7%;color:#0c2d4b}.wd-browser-body>span{display:block;font-size:.52rem;font-weight:750;letter-spacing:.2em;margin-bottom:1rem}.wd-browser-body>strong{display:block;font-size:clamp(2rem,4vw,4.5rem);line-height:.92;letter-spacing:-.07em;font-weight:660}.wd-browser-body em{font-style:normal;color:#2e6be6}.wd-browser-cta{display:inline-flex;gap:1.5rem;margin-top:1.5rem;background:#0e3d67;color:#fff;padding:.65rem .8rem;border-radius:3px;font-size:.63rem;font-weight:650}.wd-browser-photo{position:absolute;width:47%;height:78%;right:-4%;bottom:-8%;border-radius:49% 48% 0 0;background:linear-gradient(130deg,#9fc9e2,#3a719d);overflow:hidden;transform:rotate(8deg)}.wd-shape{position:absolute;border-radius:50%}.wd-shape-one{width:85%;height:67%;bottom:-15%;left:-27%;background:#224467}.wd-shape-two{width:70%;height:55%;right:-25%;bottom:1%;background:#6fa8d0}.wd-shape-three{width:47%;height:30%;right:17%;top:16%;background:#e8f4ff8c;filter:blur(10px)}.wd-brief-note{position:absolute;z-index:3;top:0;left:-3%;width:38%;padding:1rem 1.1rem;background:#fff;color:#15324e;box-shadow:0 14px 42px #00152e5e;transform:rotate(4deg);border-radius:5px;animation:wd-float 6s ease-in-out infinite}.wd-brief-note>span{display:block;color:#3972b4;letter-spacing:.17em;font-weight:740;font-size:.53rem}.wd-brief-note strong{display:block;font-size:clamp(.9rem,1.3vw,1.25rem);line-height:1.15;margin-top:.5rem;letter-spacing:-.025em}.wd-brief-note i{display:block;width:40%;height:4px;background:#7cb1f5;margin-top:1rem}.wd-status{position:absolute;z-index:3;bottom:0;right:-2%;background:#0d2c48;color:#b8d8f3;border:1px solid #5d9ec34f;border-radius:6px;padding:.65rem .85rem;font-size:.62rem;letter-spacing:.14em;font-weight:700;box-shadow:0 10px 25px #00122955}.wd-status-dot{display:inline-block;width:6px;height:6px;background:#76d2ab;border-radius:50%;margin-right:.5rem;box-shadow:0 0 0 4px #76d2ab2e}@keyframes wd-browser-in{from{opacity:0;transform:translate(8%,10%) rotate(0)}to{opacity:1;transform:rotate(-3deg)}}@keyframes wd-float{50%{transform:translateY(-10px) rotate(4deg)}}
.wd-intro{padding:clamp(6rem,11vw,11rem) 0;background:#fdfdfb}.wd-intro-grid{display:grid;grid-template-columns:1fr .74fr;gap:7vw;align-items:end}.wd-intro h2{max-width:11ch;margin:1rem 0 0}.wd-intro p{font-size:clamp(1.15rem,1.6vw,1.43rem);line-height:1.5;color:#4c5661}.wd-intro .wd-text-link{font-size:.93rem;margin-top:1rem;color:#225abf}.wd-feature{padding:clamp(6rem,10vw,10rem) 0;overflow:hidden}.wd-feature-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(3rem,7vw,7rem);align-items:center}.wd-feature-reverse{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.wd-feature-copy h2{margin:1.2rem 0 1.5rem;max-width:12ch}.wd-feature-copy p{font-size:1.08rem;line-height:1.62;max-width:46ch}.wd-feature-blue{background:#eaf2fd}.wd-feature-blue .wd-feature-copy p,.wd-feature-light .wd-feature-copy p{color:#596677}.wd-index{color:#2b62c0}.wd-feature-detail{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1rem;margin-top:2rem;padding-top:1.3rem;border-top:1px solid #c1d2e5;font-size:.83rem;font-weight:600}.wd-feature-detail span{color:#2e6be6;font-weight:780}.wd-feature-light{background:#fff}.wd-feature-light .wd-text-link{color:#265ac3}.wd-feature-dark{background:#141e2a;color:#fff}.wd-feature-dark .wd-feature-copy p{color:#bccbda}.wd-feature-dark .wd-index{color:#9fc3ff}.wd-feature-dark .wd-text-link{color:#b4d2ff}.wd-canvas{position:relative;min-height:520px;overflow:hidden;border-radius:18px}.wd-canvas-label{position:absolute;z-index:4;left:5%;top:5%;font-size:.67rem;font-weight:750;letter-spacing:.15em}.wd-canvas-caption{position:absolute;z-index:4;right:5%;bottom:4%;font-size:.67rem;color:#526c87}.wd-structure-canvas{background:radial-gradient(circle at 75% 20%,#bbd5f5,#6c9cd0 65%,#3970ab);display:grid;place-items:center}.wd-structure-canvas .wd-canvas-label{color:#193d70}.wd-structure-board{width:76%;background:#fff;box-shadow:0 28px 55px #0b477c55;border-radius:9px;transform:rotate(-4deg);transition:transform .55s cubic-bezier(.16,1,.3,1)}.wd-structure-canvas:hover .wd-structure-board{transform:rotate(0) translateY(-8px)}.wd-board-top{display:flex;align-items:center;gap:.65rem;padding:1.2rem 1.4rem;border-bottom:1px solid #dfebf2;color:#154674}.wd-board-top b{font-size:.62rem;letter-spacing:.1em;margin-right:auto}.wd-board-top i{width:18px;height:3px;background:#b1cadc}.wd-board-main{padding:2.3rem 8% 2.5rem;color:#113e67}.wd-board-main>span{font-size:.55rem;letter-spacing:.16em;font-weight:780;color:#306ab2}.wd-board-main strong{display:block;font-size:clamp(1.9rem,3.2vw,3.5rem);letter-spacing:-.07em;line-height:.96;margin:1rem 0}.wd-board-action{display:inline-block;background:#2e6be6;color:#fff;padding:.65rem .9rem;border-radius:4px;font-size:.66rem;font-weight:720}.wd-board-bottom{display:flex;justify-content:space-around;padding:1rem;background:#ecf4fa;color:#547796;font-size:.56rem;font-weight:750;letter-spacing:.08em}.wd-design-canvas{background:linear-gradient(140deg,#c7dff1,#78a9cb);min-height:580px}.wd-design-canvas .wd-canvas-label{color:#174b75}.wd-device{position:absolute;box-shadow:0 30px 55px #123b5b4a;background:#0e3556;color:#fff}.wd-device-desktop{width:75%;height:58%;left:8%;top:25%;border:7px solid #f9fbfb;border-radius:14px;transform:rotate(-4deg)}.wd-device-phone{width:25%;height:49%;right:8%;bottom:5%;border:7px solid #f9fbfb;border-radius:20px;transform:rotate(7deg)}.wd-device-nav{display:flex;justify-content:space-between;padding:6% 7%;font-size:.69rem;font-weight:740;letter-spacing:.06em}.wd-device-nav span{font-size:.46rem}.wd-device-hero{display:flex;flex-direction:column;padding:7%}.wd-device-hero small{font-size:.5rem;letter-spacing:.17em}.wd-device-hero strong{font-size:clamp(2.3rem,4vw,4.5rem);letter-spacing:-.07em;line-height:.9;margin:.7rem 0}.wd-device-hero em{font-style:normal;color:#a9c9f8}.wd-device-hero b{align-self:flex-start;background:#fff;color:#0e3556;padding:.5rem .7rem;font-size:.55rem;border-radius:3px}.wd-device-phone .wd-device-nav{font-size:.48rem}.wd-device-phone .wd-device-hero{padding-top:20%}.wd-device-phone .wd-device-hero small{font-size:.32rem}.wd-device-phone .wd-device-hero strong{font-size:clamp(1rem,1.5vw,1.7rem)}.wd-device-phone .wd-device-hero b{font-size:.38rem}.wd-path-canvas{background:radial-gradient(circle at 75% 5%,#274e78,#0e2c49 72%);padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;gap:1.1rem}.wd-path-head{font-size:.7rem;letter-spacing:.16em;color:#a6c9f0;font-weight:740;margin-bottom:1rem}.wd-path-step{display:flex;align-items:center;gap:1rem;padding:1.3rem;border:1px solid #6685a359;border-radius:8px;background:#ffffff0c;color:#c9d9e9;transition:transform .3s,background .3s}.wd-path-step:hover{transform:translateX(5px);background:#ffffff17}.wd-path-step>span{color:#8eb8e6;font-size:.72rem;font-weight:740}.wd-path-step strong{font-size:1.15rem;font-weight:580}.wd-path-step i{margin-left:auto;width:40px;height:2px;background:#7cb1f5}.wd-path-active{background:#2e6be6;color:#fff;border-color:#6ea4ff}.wd-path-active b{margin-left:auto}.wd-path-canvas .wd-canvas-caption{color:#9ab5ce}
.wd-options{padding:clamp(6rem,10vw,9rem) 0}.wd-section-head{max-width:730px;margin-bottom:3.5rem}.wd-section-head h2{margin:1rem 0}.wd-section-head p{font-size:1.13rem;color:#596677}.wd-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wd-option{display:flex;flex-direction:column;min-height:340px;padding:clamp(2rem,4vw,3.2rem);border:1px solid var(--wd-line);border-radius:13px;text-decoration:none;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.wd-option:hover{transform:translateY(-5px);border-color:#a4bde4;box-shadow:0 18px 40px #29466b18}.wd-option>span{color:#2b62c0;font-size:.76rem;letter-spacing:.14em;font-weight:750}.wd-option h3{margin:2.2rem 0 .8rem}.wd-option p{color:#596677;max-width:42ch}.wd-option b{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--wd-line);padding-top:1rem;font-size:.9rem}.wd-final{padding:clamp(6rem,10vw,9rem) 0;background:linear-gradient(145deg,#092747,#145786);color:#fff}.wd-final-grid{display:grid;grid-template-columns:1fr .65fr;gap:6vw;align-items:end}.wd-final h2{max-width:13ch;margin:1rem 0 0}.wd-final p{color:#c7dbec;font-size:1.13rem;max-width:40ch}.wd-footer{padding:2.5rem 0;background:#fdfdfb;border-top:1px solid var(--wd-line);font-size:.85rem;color:#626e7a}.wd-footer .wd-wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.wd-footer .wd-wrap>span:last-child{display:flex;gap:1rem;flex-wrap:wrap}.wd-footer a{text-decoration:none}.wd-footer a:hover{color:#2e6be6}a:focus-visible{outline:2px solid #7cb1f5;outline-offset:4px}
@media(max-width:1100px){.wd-hero-grid,.wd-feature-grid,.wd-feature-reverse{grid-template-columns:1fr}.wd-hero-art{min-height:540px}.wd-hero-copy{max-width:710px}.wd-feature-copy{max-width:740px}.wd-intro-grid,.wd-final-grid{grid-template-columns:1fr}.wd-feature-reverse .wd-canvas{order:2}}
@media(max-width:700px){:root{--wd-wrap:min(100% - 36px,1180px)}.wd-hero{padding:8rem 0 5rem;min-height:0}.wd-hero h1{font-size:clamp(3.4rem,12vw,5rem)}.wd-hero-art{min-height:370px;margin-top:1rem}.wd-browser{margin-left:0;width:90%}.wd-brief-note{top:2%;left:0;width:42%}.wd-status{right:0;bottom:4%}.wd-browser-body>strong{font-size:clamp(1.75rem,6vw,3rem)}.wd-browser-photo{width:43%}.wd-canvas{min-height:420px}.wd-design-canvas{min-height:450px}.wd-device-desktop{left:5%;width:80%}.wd-device-phone{right:3%;width:30%}.wd-option-grid{grid-template-columns:1fr}.wd-option{min-height:280px}.wd-actions .wd-button{flex:1 1 100%}.wd-feature{padding:5rem 0}.wd-intro{padding:5rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wd-browser,.wd-brief-note{animation:none}.wd-button,.wd-option,.wd-structure-board,.wd-path-step{transition:none}}
.wd-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.wd-reveal.wd-seen{opacity:1;transform:none}
#approach,#options,#wd-structure-title,#wd-design-title,#wd-action-title{scroll-margin-top:90px}
.wd-browser-body{animation:wd-copy-in .8s .35s both}.wd-browser-photo{animation:wd-photo-in 1s .55s both}@keyframes wd-copy-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes wd-photo-in{from{opacity:0;transform:translateX(15%)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wd-reveal{opacity:1;transform:none;transition:none}}
@media(prefers-reduced-motion:reduce){.wd-browser-body,.wd-browser-photo{animation:none}}