:root{--wd-ink:#f6f0df;--wd-muted:#d3cec2;--wd-gold:#edbd54;--wd-gold-bright:#ffd875;--wd-dark:#050d14;--wd-panel:#081722;--wd-line:rgba(238,190,84,.42);--wd-max:1420px}
.web-design-page{background:var(--wd-dark);color:var(--wd-ink);font-family:Inter,Arial,sans-serif;line-height:1.45}.web-design-page:before{opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.wd-container{width:min(var(--wd-max),100%);margin:0 auto;padding-inline:clamp(1.15rem,4vw,4.8rem)}.wd-header{padding:1rem clamp(1.15rem,4vw,4.8rem);background:rgba(5,13,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(237,189,84,.13)}.wd-header .nav-logo{width:clamp(128px,12vw,178px);height:clamp(62px,7vw,88px)}.wd-header .nav-links{color:#e9e3d6;gap:clamp(.7rem,2.2vw,2.35rem);font-family:DM Mono,monospace;font-size:.61rem}.wd-header .nav-links a:hover,.wd-header .nav-links a[aria-current=page]{color:var(--wd-gold)}.wd-header .nav-cta{border-color:rgba(237,189,84,.65)}.wd-header .nav-cta:hover{background:var(--wd-gold);color:#07111a!important}.wd-header .menu-toggle{color:var(--wd-ink)}
.wd-hero{position:relative;min-height:970px;overflow:hidden;background:radial-gradient(circle at 74% 30%,rgba(222,155,54,.24),transparent 26%),linear-gradient(180deg,#09131d 0%,#07121a 45%,#050d14 100%);padding:clamp(9rem,14vw,12rem) 0 2rem}.wd-hero-art,.wd-hero-art canvas,.wd-sunrise-image,.wd-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wd-hero-art{z-index:0}.wd-hero-art canvas{opacity:.66;mix-blend-mode:screen}.wd-sunrise-image{background:url('../assets/web-design/sunrise-mountains.jpg') center 48%/cover no-repeat;opacity:.26;mix-blend-mode:screen;filter:saturate(.75) contrast(1.1) blur(.2px);transform:scale(1.35);transition:transform 1s ease}.wd-grain{opacity:.055;background-image:radial-gradient(rgba(255,255,255,.9) .5px,transparent .7px);background-size:5px 5px;mix-blend-mode:screen}.wd-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,20,.96) 0%,rgba(5,13,20,.72) 42%,rgba(5,13,20,.08) 79%),linear-gradient(180deg,rgba(5,13,20,.2),transparent 58%,#050d14 100%);pointer-events:none}.wd-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(400px,.92fr) minmax(500px,1.08fr);align-items:center;gap:clamp(1rem,4vw,4rem);min-height:635px}.wd-hero-copy{position:relative;z-index:2;max-width:660px}.wd-kicker{color:var(--wd-gold);font-family:DM Mono,monospace;font-size:clamp(.62rem,1vw,.78rem);letter-spacing:.42em;text-transform:uppercase}.wd-hero h1{font-family:Playfair Display,Georgia,serif;font-size:clamp(3.3rem,6.35vw,7rem);line-height:.96;letter-spacing:-.06em;margin:1.1rem 0 1.4rem;text-shadow:0 8px 36px rgba(0,0,0,.4)}.wd-hero h1 span{color:#f4eee0}.wd-hero h1 em,.wd-section-head h2 em,.wd-cta h2 em{color:var(--wd-gold);font-style:normal}.wd-lead{max-width:540px;color:#d3d1c7;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;margin:0 0 1.9rem}.wd-hero-button{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(125deg,#f4c860,#c98b29);color:#111a1d;border:1px solid #ffe096;border-radius:2px;padding:.9rem 1.25rem;font:500 .66rem DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 28px rgba(212,154,45,.2);transition:transform .3s,box-shadow .3s,filter .3s}.wd-hero-button span{font-size:1.08rem;line-height:0}.wd-hero-button:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(212,154,45,.38);filter:brightness(1.08)}
.wd-device-cluster{height:580px;position:relative;transform:translateY(-1rem);filter:drop-shadow(0 30px 28px rgba(0,0,0,.44));perspective:1200px}.wd-device{position:absolute;transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}.wd-desktop{z-index:1;right:0;top:3%;width:min(90%,620px);aspect-ratio:1.37;border:9px solid #1c2329;border-radius:12px 12px 7px 7px;background:#879198;box-shadow:0 0 0 1px rgba(255,255,255,.18),inset 0 0 0 2px #4c555b}.wd-device-top{position:absolute;left:10px;top:7px;display:flex;gap:3px;z-index:2}.wd-device-top i{display:block;width:5px;height:5px;background:#98a1a3;border-radius:50%}.wd-screen{position:absolute;inset:20px 17px 15px;background:#111b22;overflow:hidden;border:2px solid #13191c}.wd-screen img{width:100%;height:100%;object-fit:cover;object-position:65% 47%;opacity:.96}.wd-stand{position:absolute;width:25%;height:22%;bottom:-20%;left:37.5%;background:linear-gradient(90deg,#596166,#d5d4c7 48%,#5b6468);clip-path:polygon(39% 0,61% 0,74% 74%,100% 83%,100% 100%,0 100%,0 83%,26% 74%);z-index:-1}.wd-laptop{z-index:3;left:3%;top:25%;width:min(56%,410px);transform:rotate(-4deg)}.wd-laptop-screen{position:relative;aspect-ratio:1.35;border:7px solid #111a20;border-bottom-width:10px;border-radius:12px 12px 4px 4px;background:#17232a;box-shadow:0 0 0 1px rgba(242,218,170,.36);overflow:hidden}.wd-laptop-screen:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none}.wd-laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:57% 53%}.wd-laptop-base{height:19px;background:linear-gradient(180deg,#8e9798,#3b464c 48%,#b3b3a7);clip-path:polygon(4% 0,96% 0,100% 24%,94% 100%,6% 100%,0 24%);border-radius:0 0 7px 7px;box-shadow:0 8px 10px rgba(0,0,0,.35)}.wd-phone{z-index:4;right:3%;top:39%;width:clamp(108px,17%,170px);aspect-ratio:.52;border-radius:21px;padding:7px;background:linear-gradient(135deg,#364149,#070b0e 52%,#7c8586);box-shadow:0 0 0 1px rgba(255,211,113,.56),0 16px 27px rgba(0,0,0,.5);transform:rotate(8deg)}.wd-phone-screen{position:absolute;inset:7px;border-radius:15px;overflow:hidden;background:#081018}.wd-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center}.wd-phone-speaker{position:absolute;z-index:2;top:3px;left:38%;width:25%;height:4px;background:#101416;border-radius:9px}.wd-script-note{position:absolute;z-index:5;right:17%;bottom:2%;color:#f4d186;font-family:'Brush Script MT',cursive;font-size:clamp(1.2rem,2.5vw,2.25rem);line-height:.87;transform:rotate(-8deg);text-shadow:0 3px 18px rgba(0,0,0,.8)}
.wd-feature-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid rgba(238,190,84,.42);padding-top:1.5rem}.wd-feature{display:flex;align-items:center;gap:.7rem;color:#e8e0cc;font:500 .57rem DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}.wd-feature-icon{width:30px;height:30px;display:grid;place-items:center;color:var(--wd-gold);font-size:1.8rem;font-family:Georgia,serif}.wd-feature:nth-child(2) .wd-feature-icon{font-family:Inter;font-weight:300}.wd-feature:nth-child(3) .wd-feature-icon{font-size:2.15rem}
.wd-packages{position:relative;padding:clamp(5rem,10vw,9rem) 0 7rem;background:#050e16;overflow:hidden}.wd-packages:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 2%,rgba(239,178,64,.18),transparent 25%),linear-gradient(180deg,transparent 10%,rgba(3,9,14,.8));pointer-events:none}.wd-section-head{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:clamp(2.8rem,5vw,5.2rem)}.wd-section-head h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.06em;margin:.7rem 0 0}.wd-section-head p{max-width:350px;color:#a6acac;line-height:1.65;margin:0}.wd-package-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1rem,1.9vw,2rem)}.wd-package{position:relative;min-width:0;min-height:690px;background:linear-gradient(180deg,rgba(8,28,41,.97),rgba(4,15,23,.98));border:1px solid rgba(214,205,184,.5);border-radius:15px;overflow:visible;box-shadow:0 20px 45px rgba(0,0,0,.24);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}.wd-package:hover{transform:translateY(-10px);border-color:rgba(255,211,113,.9);box-shadow:0 27px 65px rgba(0,0,0,.42),0 0 30px rgba(215,158,52,.16)}.wd-package-popular{border:2px solid var(--wd-gold);margin-top:-.55rem;box-shadow:0 0 0 1px rgba(255,222,133,.15),0 18px 55px rgba(236,180,64,.2);animation:wdPulse 4.2s ease-in-out infinite}.wd-package-popular:hover{box-shadow:0 0 0 1px rgba(255,222,133,.3),0 30px 75px rgba(236,180,64,.32)}@keyframes wdPulse{50%{box-shadow:0 0 0 1px rgba(255,222,133,.25),0 18px 72px rgba(236,180,64,.3)}}.wd-popular-badge{position:absolute;z-index:5;top:-17px;left:50%;transform:translateX(-50%);width:max-content;min-width:170px;text-align:center;background:linear-gradient(90deg,#f2c65d,#e8aa38);color:#172027;padding:.42rem 1rem .37rem;font:600 .61rem DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase;box-shadow:0 5px 20px rgba(225,164,42,.35)}.wd-card-art{height:133px;background-position:center;background-size:cover;position:relative;overflow:hidden;border-radius:14px 14px 0 0}.wd-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(4,15,23,.95) 96%)}.wd-card-art-start{background-image:linear-gradient(90deg,rgba(4,15,23,.5),rgba(4,15,23,.02)),url('../assets/web-design/sunrise-mountains.jpg');background-position:center 60%}.wd-card-art-growth{background-image:linear-gradient(90deg,rgba(4,15,23,.22),rgba(4,15,23,.02)),url('../assets/web-design/sunrise-mountains.jpg');background-position:center 22%}.wd-card-art-elite{background-image:linear-gradient(90deg,rgba(4,15,23,.3),rgba(4,15,23,.02)),url('../assets/web-design/sunrise-mountains.jpg');background-position:center 44%}.wd-package-inner{position:relative;z-index:1;padding:0 clamp(1.05rem,2.1vw,2rem) 1.35rem;margin-top:-.2rem;display:flex;flex-direction:column;min-height:557px}.wd-package-index{color:#b5b7ae;font:500 .56rem DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.wd-package h3{font-family:Playfair Display,Georgia,serif;font-size:clamp(2.3rem,3.5vw,3.4rem);line-height:.9;text-transform:uppercase;letter-spacing:.02em;margin:.42rem 0 .1rem}.wd-package-subtitle{color:var(--wd-gold);font:500 .58rem DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.wd-package-intro{color:#d2d5cf;font-size:.78rem;line-height:1.5;min-height:3.45rem;margin:.8rem 0 .15rem}.wd-price{font-family:Playfair Display,Georgia,serif;color:#f7f3e8;font-size:clamp(2.4rem,4vw,3.7rem);line-height:1;margin:.15rem 0 .65rem;text-shadow:0 3px 15px rgba(0,0,0,.35)}.wd-package-popular .wd-price{color:var(--wd-gold-bright)}.wd-features{list-style:none;padding:0;margin:0;display:grid;gap:.34rem}.wd-features li{position:relative;padding-left:1.2rem;color:#e5e5db;font-size:.72rem;line-height:1.35}.wd-features li:before{content:"✓";position:absolute;left:0;top:0;color:var(--wd-gold);font-weight:700}.wd-package-cta{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:auto;border:1px solid rgba(241,236,220,.8);color:#f7f2e6;padding:.75rem .8rem;font:500 .64rem DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;transition:background .3s,color .3s,border-color .3s,transform .3s}.wd-package-cta:hover{background:rgba(240,190,79,.14);border-color:var(--wd-gold);transform:translateY(-2px)}.wd-package-popular .wd-package-cta{background:linear-gradient(120deg,#f6ca66,#d1942d);border-color:#fbd884;color:#101a1b}.wd-package-popular .wd-package-cta:hover{background:#ffe08d;color:#111}.wd-tagline{display:block;color:#e7d8b1;text-align:center;font:500 .52rem DM Mono,monospace;letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;white-space:nowrap}.wd-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.wd-reveal.is-visible{opacity:1;transform:none}.wd-package:nth-child(2){transition-delay:.1s}.wd-package:nth-child(3){transition-delay:.2s}
.wd-value-bar{position:relative;border-top:1px solid rgba(238,190,84,.45);border-bottom:1px solid rgba(238,190,84,.45);background:#050c12;padding:1.25rem 0}.wd-value-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.6fr;align-items:center;gap:1rem}.wd-value-grid>div{display:flex;align-items:center;gap:.65rem;border-right:1px solid rgba(238,190,84,.35);min-height:47px;color:#dcd6c5;font:500 .54rem DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase;line-height:1.45}.wd-value-icon{color:var(--wd-gold);font-size:1.75rem;font-family:Georgia,serif}.wd-value-grid small{font-size:.46rem;letter-spacing:.04em}.wd-signoff{justify-self:end;color:var(--wd-gold);font-family:'Brush Script MT',cursive;font-size:clamp(1.3rem,2.2vw,2.25rem);line-height:.8;transform:rotate(-5deg);margin:0;text-align:center}.wd-signoff em{font-style:normal;color:#f2cc72}
.wd-cta{min-height:540px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 74% 46%,rgba(219,157,45,.33),transparent 22%),linear-gradient(135deg,#071722,#030a10)}.wd-cta:before,.wd-cta:after{content:"";position:absolute;width:43vw;aspect-ratio:1;border:1px solid rgba(242,190,77,.25);border-radius:50%;right:-15vw;top:-21vw;animation:wdOrbit 24s linear infinite}.wd-cta:after{width:25vw;right:6vw;top:9vw;animation-duration:16s;animation-direction:reverse}@keyframes wdOrbit{to{transform:rotate(360deg)}}.wd-cta-inner{position:relative;z-index:1}.wd-cta h2{font-family:Playfair Display,Georgia,serif;font-size:clamp(3rem,6.5vw,7rem);line-height:.9;letter-spacing:-.06em;margin:1rem 0 2rem}.wd-footer{background:#030a10;color:#e8e0ce;border-top:1px solid rgba(238,190,84,.28);padding-top:4rem}.wd-footer .footer-nav{color:#bdb9ae}.wd-footer .footer-bottom{border-color:rgba(238,190,84,.22);color:#8e918c}.wd-footer .back-top{color:var(--wd-gold)}
@media(max-width:1050px){.wd-header .nav-links{gap:.75rem;font-size:.55rem}.wd-hero-grid{grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr)}.wd-device-cluster{transform:scale(.9) translateY(-1rem);transform-origin:right center}.wd-package-inner{padding-inline:1rem}.wd-features li{font-size:.66rem}.wd-value-grid{grid-template-columns:repeat(4,1fr)}.wd-signoff{display:none}}
@media(max-width:800px){.wd-header{background:rgba(5,13,20,.94)}.wd-header .nav-links{background:rgba(5,13,20,.97);color:var(--wd-ink)}.wd-hero{min-height:1120px;padding-top:8.5rem}.wd-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.wd-hero-copy{max-width:620px}.wd-hero h1{font-size:clamp(3rem,11vw,5rem)}.wd-device-cluster{width:100%;height:430px;transform:none;margin-top:1rem;transform-origin:center}.wd-desktop{width:79%;right:3%;top:5%}.wd-laptop{width:55%;left:0;top:28%}.wd-phone{right:2%;top:43%;width:22%}.wd-script-note{right:21%;bottom:0}.wd-feature-row{grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem;margin-top:1.15rem}.wd-section-head{display:block}.wd-section-head p{margin-top:1.5rem}.wd-package-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto;gap:3rem}.wd-package,.wd-package-popular{min-height:0;margin:0}.wd-package-inner{min-height:0;padding-bottom:1.5rem}.wd-package-intro{min-height:0}.wd-package-popular{order:-1}.wd-card-art{height:145px}.wd-value-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.wd-value-grid>div:nth-child(2n){border-right:0}.wd-value-grid>div{border-bottom:1px solid rgba(238,190,84,.2);padding-bottom:.75rem}.wd-cta{min-height:480px}}
@media(max-width:480px){.wd-hero{min-height:1040px}.wd-device-cluster{height:345px}.wd-device{border-width:5px}.wd-screen{inset:12px 10px 9px}.wd-laptop-screen{border-width:5px}.wd-phone{width:24%;border-radius:14px;padding:4px}.wd-phone-screen{inset:4px;border-radius:10px}.wd-phone-speaker{top:2px}.wd-script-note{font-size:1.2rem;right:18%}.wd-feature{font-size:.51rem}.wd-feature-icon{width:23px;font-size:1.4rem}.wd-tagline{font-size:.45rem;letter-spacing:.2em}.wd-value-grid>div{font-size:.49rem}.wd-cta h2{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.wd-reveal{opacity:1;transform:none;transition:none}.wd-package-popular,.wd-cta:before,.wd-cta:after{animation:none}.wd-device,.wd-sunrise-image{transition:none}.wd-hero-art canvas{display:none}}
.web-design-page .wd-header.is-scrolled{background:rgba(5,13,20,.9);backdrop-filter:blur(18px);border-bottom-color:rgba(237,189,84,.24)}