@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101922;--panel:#17222e;--text:#f5f7fa;--muted:#a5b2c0;--blue:#a8c9ff;--lime:#dcf5b5;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10;border-bottom:1px solid var(--line);background:#101922de}.logo{font:800 28px 'Manrope',sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;gap:5px}.logo-light{font-weight:400}.brandmark{position:relative;font-size:36px;margin-right:12px}.brandmark span{position:absolute;font-size:24px;left:15px;top:-7px;color:var(--blue)}nav{display:flex;gap:32px;font-size:14px;color:#c1cbd5}nav a:hover{color:white}.nav-cta{border:1px solid #ffffff60;border-radius:30px;padding:12px 20px;font-size:14px;display:flex;gap:28px}.menu{display:none}.hero{position:relative;min-height:810px;overflow:hidden;padding:87px 5% 75px;display:grid;grid-template-columns:1fr 1fr}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 30px;display:flex;align-items:center;gap:12px}.tiny-line{width:24px;height:1px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(65px,7.3vw,116px)/1.02 'Manrope',sans-serif;letter-spacing:-6px;margin-bottom:28px}h1>span{color:var(--blue)}.intro{color:#b8c4d1;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;border-radius:6px;font-size:14px;font-weight:600;transition:transform .3s,background .3s}.button:hover{transform:translateY(-4px)}.primary{background:var(--lime);color:#16231c}.outline{border:1px solid #ffffff45;background:transparent}.textlink{font-size:14px;border-bottom:1px solid #ffffff50;padding-bottom:7px}.hero-note{display:flex;gap:14px;align-items:center;font-size:12px;line-height:1.7;color:#93a3b3;margin-top:43px}.hero-note strong{font-weight:400;color:#c4ced8}.mini-star{font-size:36px;color:var(--blue)}.aurora{position:absolute;width:650px;height:650px;right:-150px;top:-250px;background:radial-gradient(ellipse,#4382d732,transparent 65%);filter:blur(25px);animation:aurora 12s ease-in-out infinite alternate;pointer-events:none}.hero-art{position:relative;perspective:1300px;min-height:560px;transform:rotate(-2deg)}.orbit{position:absolute;border:1px solid #829fc321;width:600px;height:600px;border-radius:50%;left:0;top:-40px;transform:rotateX(45deg) rotateZ(-30deg);animation:orbit 24s linear infinite}.orbit-two{width:470px;height:470px;left:70px;top:25px;animation-direction:reverse}.floating-window{position:absolute;width:86%;border-radius:10px;overflow:hidden;box-shadow:0 28px 85px #0009;border:1px solid #ffffff30;transition:transform .5s;display:block}.window-bar{height:28px;background:#e7e9ec;color:#7d848d;display:flex;align-items:center;gap:4px;padding:0 10px;font-size:9px}.window-bar i{height:5px;width:5px;background:#a7adb7;border-radius:50%}.window-bar span{margin:auto}.back-window{top:5px;left:0;transform:rotateY(-15deg) rotateZ(-8deg);animation:floatBack 9s ease-in-out infinite}.front-window{top:180px;left:12%;transform:rotateY(-13deg) rotateZ(7deg);animation:floatFront 8s ease-in-out infinite}.mini-restaurant{height:250px;background:linear-gradient(90deg,#15140cbd,#1112),url('/assets/restaurant.jpg') center/cover;padding:23px 30px;color:#fff6d8}.mini-restaurant>span{letter-spacing:5px;font-family:Georgia}.mini-restaurant p{font:44px/1.05 Georgia;margin:35px 0 15px}.mini-restaurant small{font-size:8px;letter-spacing:2px}.mini-barber{height:276px;padding:22px 26px;background:linear-gradient(90deg,#19201fec,#19201f22),url('/assets/barber.jpg') center/cover;color:#f1f0dc}.mini-nav{display:flex;justify-content:space-between;font-size:19px;font-weight:bold}.mini-nav span{font-size:7px;letter-spacing:1px}.mini-barber p{font:700 49px/.98 'Manrope',sans-serif;letter-spacing:-2px;margin:36px 0 22px}.mini-barber small{padding:10px 14px;background:#ddeb8f;color:#18221c;font-size:8px}.floating-tag{position:absolute;z-index:3;bottom:8px;left:-4%;background:#e7edf2;color:#283a48;border-radius:8px;padding:16px 20px;display:flex;gap:15px;align-items:center;font-size:11px;line-height:1.6;box-shadow:0 20px 40px #0004;animation:tagFloat 7s ease-in-out infinite}.floating-tag strong{font-weight:600}.tag-icon{font-size:28px}.floating-tag b{font-size:22px;margin-left:20px}.art-label{position:absolute;font-size:9px;letter-spacing:2px;color:#8a9ba9}.label-top{right:0;top:-28px}.label-bottom{right:0;bottom:12px}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#98a9ba}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:24px 0;background:#15212d}.marquee>div{width:max-content;animation:marquee 40s linear infinite;font:500 20px 'Manrope',sans-serif;letter-spacing:1px}.marquee span{margin:0 45px;color:var(--blue)}.section{padding:105px 5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:50px}h2{font:500 clamp(40px,4.6vw,70px)/1.12 'Manrope',sans-serif;letter-spacing:-3px;margin-bottom:0}h2 em{font-style:normal;color:var(--blue)}.section-heading>p,.section-heading>div>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:15px}.real-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.browser-preview{display:block;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#d7e1ee;padding:22px 22px 0;transition:transform .4s}.browser-preview:hover{transform:translateY(-7px)}.pizza{background:#405348}.browser-top{background:#f5f5f5;color:#5d666e;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 12px;font-size:8px}.browser-top small{font-size:9px}.iframe-clip{height:330px;overflow:hidden;background:#e8e8e8;pointer-events:none}.iframe-clip iframe{border:0;width:1200px;height:850px;transform:scale(.46);transform-origin:0 0;background:white}.open-project{position:absolute;bottom:15px;right:15px;padding:11px 16px;border-radius:25px;background:#101922;color:white;font-size:12px;box-shadow:0 4px 20px #0004}.project-caption{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:14px}.project-caption h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin-bottom:8px}.project-caption p{color:var(--muted);font-size:13px;margin:0}.pill{font-size:9px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;letter-spacing:1px;white-space:nowrap}.examples{background:#e9eef3;color:#172431}.examples h2 em{color:#55789f}.examples .section-heading p{color:#5c6b7b!important}.filters{display:flex;gap:6px;margin-top:22px;flex-wrap:wrap}.filters button{padding:9px 14px;border:1px solid #1c344323;border-radius:20px;background:transparent;color:#33475a;font-size:12px}.filters button.active{background:#1a2c3f;color:white}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.demo-card{min-width:0}.demo-card[hidden]{display:none}.demo-visual{height:420px;position:relative;border-radius:8px;padding:22px;overflow:hidden;background-size:cover;background-position:center;transition:transform .5s}.demo-card:hover .demo-visual{transform:translateY(-8px)}.barber-visual{background-image:linear-gradient(180deg,#1118,#1111,#111b),url('/assets/barber.jpg');color:#e9edcf}.restaurant-visual{background-image:linear-gradient(180deg,#20130e88,#20130e11,#20130ebf),url('/assets/restaurant.jpg');color:#f8eccf}.pets-visual{background-image:linear-gradient(180deg,#143e2555,#143e2500,#143e25b0),url('/assets/pets.jpg');color:#fffbd5}.demo-label{font-size:9px;letter-spacing:1.5px}.demo-title{font:800 49px/1 'Manrope',sans-serif;margin-top:40px;letter-spacing:-2px;text-shadow:0 2px 18px #0004}.demo-title>span{display:block;font-size:23px;line-height:1.2;letter-spacing:-.5px;margin-top:14px}.serif{font-family:Georgia;font-weight:400;font-size:67px}.serif>span{font-size:30px;font-weight:400}.round-arrow{position:absolute;bottom:20px;right:20px;border:1px solid #ffffff70;background:#ffffff10;backdrop-filter:blur(5px);border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:24px}.demo-caption{padding:23px 0}.demo-caption h3{margin-bottom:8px;font-weight:600;font-size:21px}.demo-caption p{font-size:14px;color:#667686;margin-bottom:18px}.demo-caption>span{font-size:13px;border-bottom:1px solid #63768b;padding-bottom:5px}.example-note{font-size:12px;color:#687a8a;margin:25px 0 0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;position:relative;overflow:hidden}.about-symbol{display:grid;place-items:center;color:var(--blue);font-size:clamp(200px,29vw,440px);text-shadow:15px 15px 0 #284766,30px 30px 0 #1b3044;animation:symbol 24s ease-in-out infinite;transform-style:preserve-3d}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:570px}.about-copy .large-copy{font-size:24px;color:white!important;margin-top:24px}.values{margin-top:40px}.values>div{position:relative;padding:18px 0 18px 45px;border-top:1px solid var(--line)}.values span{position:absolute;left:0;color:#6c849b;font-size:12px}.values h3{font-size:17px;font-weight:500;margin:0 0 7px}.values p{font-size:13px;color:var(--muted);margin:0}.pricing{border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:33px 27px;border:1px solid var(--line);border-radius:9px;position:relative;display:flex;flex-direction:column}.price-card .eyebrow{font-size:9px;margin-bottom:24px}.price-card h3{font:500 31px 'Manrope',sans-serif;letter-spacing:-1px;margin-bottom:17px}.price-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;min-height:72px}.price-card strong{font-size:19px;font-weight:500;margin:10px 0 15px}.price-card ul{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid var(--line)}.price-card li{font-size:13px;color:#c3ced9;padding-top:17px}.price-card li:before{content:'✓';margin-right:10px;color:var(--blue)}.price-card .button{margin-top:auto;font-size:13px}.featured{background:#203246;border-color:#a8c9ff70}.price-badge{position:absolute;top:-13px;left:20px;background:var(--blue);color:#16304a;padding:7px 12px;border-radius:4px;font-size:8px;letter-spacing:1px}.contact{position:relative;overflow:hidden;text-align:center;background:#172533;border-top:1px solid var(--line)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(48px,7vw,100px);letter-spacing:-4px;position:relative}.contact>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin-top:25px}.phone{font:500 clamp(24px,3vw,38px) 'Manrope',sans-serif;display:inline-block;margin-top:10px;position:relative}.phone span{color:var(--blue)}.contact .actions{justify-content:center;position:relative}.contact-glow{position:absolute;width:800px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#4978bb1c,transparent 65%);animation:aurora 10s infinite alternate}footer{padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p,footer>span,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}footer .logo>span:last-child{color:var(--blue);margin-left:12px}.progress{position:fixed;left:0;top:0;height:2px;background:var(--blue);width:0;z-index:50}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes floatFront{50%{transform:translateY(-15px) rotateY(-9deg) rotateZ(5deg)}}@keyframes floatBack{50%{transform:translateY(10px) rotateY(-10deg) rotateZ(-6deg)}}@keyframes tagFloat{50%{transform:translateY(-10px)}}@keyframes orbit{to{transform:rotateX(45deg) rotateZ(330deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes aurora{to{transform:translate(-40px,45px) scale(1.15)}}@keyframes symbol{50%{transform:rotate(55deg) rotateY(25deg)}}
@media(min-width:1600px){header,.section,.hero,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){h1{font-size:80px;letter-spacing:-4px}.hero{min-height:740px;padding-top:70px}.hero-art{min-height:530px}.front-window{top:170px;width:92%;left:8%}.mini-barber p{font-size:38px}.mini-barber{height:240px}.back-window{top:30px;width:94%}.mini-restaurant{height:220px}.section{padding-top:80px;padding-bottom:80px}.demo-visual{height:350px}.demo-title{font-size:40px}.section-heading{gap:25px}.iframe-clip{height:260px}.project-caption{align-items:flex-start}.project-caption .pill{display:none}.about{gap:6%}.pricing-grid{gap:14px}.price-card{padding:30px 20px}.hero-note{margin-top:25px}}@media(max-width:760px){header{height:77px;padding:0 6%}.logo{font-size:24px}.nav-cta{margin-left:auto;margin-right:15px;padding:9px 13px;font-size:12px;gap:15px}.menu{display:block;background:transparent;border:0;color:white;font-size:23px;padding:5px}nav{display:none;position:absolute;left:0;right:0;top:77px;padding:25px 6%;background:#152330;border-bottom:1px solid var(--line);flex-direction:column;gap:25px}nav.open{display:flex}.hero{display:block;padding:55px 6% 65px;min-height:auto}h1{font-size:clamp(60px,13vw,96px);letter-spacing:-3.5px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:23px}.intro{font-size:14px}.actions{gap:22px;flex-wrap:wrap}.button{padding:15px 18px;font-size:13px}.hero-note{margin-top:28px}.hero-art{margin:50px auto 0;min-height:430px;max-width:520px}.back-window{width:78%;left:8%;top:10px}.mini-restaurant{height:185px}.mini-restaurant p{font-size:35px;margin-top:22px}.front-window{width:82%;top:135px;left:16%}.mini-barber{height:210px}.mini-barber p{font-size:36px;margin-top:27px}.floating-tag{bottom:0;left:1%;padding:12px 16px}.label-top{right:8%;top:-15px}.label-bottom{display:none}.hero-bottom{font-size:8px;left:6%;right:6%;bottom:20px}.hero-bottom>span:last-child{display:none}.orbit{width:440px;height:440px;left:0;top:0}.orbit-two{width:320px;height:320px;left:55px;top:50px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>div>p:not(.eyebrow){margin-top:22px;font-size:14px}h2{font-size:43px;letter-spacing:-2px}.real-grid,.demo-grid,.pricing-grid{grid-template-columns:1fr;gap:36px}.iframe-clip{height:290px}.browser-preview{padding:15px 15px 0}.project-caption h3{font-size:21px}.demo-visual{height:420px}.demo-title{font-size:55px}.demo-caption{padding:18px 0 5px}.demo-caption>span{font-size:14px}.about{display:flex;flex-direction:column-reverse;gap:15px}.about-symbol{font-size:230px;height:265px}.pricing-grid{gap:32px}.price-card>p:not(.eyebrow){min-height:0}.price-card{padding:30px}.price-card .eyebrow{font-size:10px}.price-card li{font-size:14px}.price-card strong{font-size:22px}.contact h2{font-size:54px;letter-spacing:-2.5px}footer{display:grid;grid-template-columns:1fr 1fr;padding:28px 6%;gap:25px}footer p{text-align:right}footer>a:last-child{text-align:right}.marquee{padding:18px 0}.marquee>div{font-size:15px}.marquee span{margin:0 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Showcase fitting and expanded project experience */
html,body{max-width:100%;overflow-x:clip}.hero,.section,footer{max-width:1680px;margin-inline:auto}.real-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project,.browser-preview,.iframe-clip,.demo-card,.hero-copy,.hero-art{min-width:0}.browser-preview{width:100%;padding:16px 16px 0}.iframe-clip{position:relative;width:100%;height:auto;aspect-ratio:1.58;overflow:hidden;contain:layout paint}.iframe-clip iframe{display:block;position:absolute;inset:0;width:1280px;height:900px;max-width:none;transform:scale(var(--preview-scale,.4));transform-origin:top left;pointer-events:none}.project-caption{align-items:flex-start}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.project-tags span{border:1px solid var(--line);border-radius:4px;padding:5px 8px;color:#aebecf;font-size:10px}.pill{font-size:8px;padding:7px 9px;margin-top:5px}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.demo-site-preview{position:relative;overflow:hidden;border-radius:10px;padding:12px 12px 0;background:#c5ced8;transition:transform .4s,box-shadow .4s}.demo-site-preview .iframe-clip{aspect-ratio:1.15}.demo-site-preview .browser-top small{font-size:8px}.demo-card:hover .demo-site-preview{transform:translateY(-7px);box-shadow:0 20px 45px #20344922}.preview-hover{position:absolute;bottom:14px;right:14px;background:#132336;color:white;border:1px solid #ffffff40;border-radius:30px;padding:10px 14px;font-size:11px}.hero-traits{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.hero-traits span{font-size:10px;padding:6px 9px;border:1px solid #a8c9ff30;border-radius:20px;color:#b7cbe0}.hero-note{margin-top:22px}.button{position:relative;overflow:hidden;box-shadow:0 0 0 transparent;transition:transform .25s,box-shadow .25s,background .25s;border-radius:9px;min-height:48px}.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff40 50%,transparent 75%);transform:translateX(-140%) skewX(-20deg);transition:transform .6s;pointer-events:none}.button:hover:before{transform:translateX(140%) skewX(-20deg)}.primary:hover{box-shadow:0 8px 28px #dcf5b526;background:#e8ffc8}.outline:hover{background:#ffffff0a;box-shadow:0 5px 25px #0002}.button span{transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.nav-cta{background:var(--lime);border-color:var(--lime);color:#1b2d1d;font-weight:600;transition:transform .3s}.nav-cta:hover{transform:translateY(-3px)}nav{gap:23px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:1px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after{transform:scaleX(1)}.capabilities{border-top:1px solid var(--line);background:linear-gradient(120deg,#142330,#101922)}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cap-grid article{padding:25px 22px;border:1px solid var(--line);border-radius:10px;transition:background .3s,transform .3s}.cap-grid article:hover{background:#a8c9ff0a;transform:translateY(-6px)}.cap-icon{display:grid;place-items:center;width:56px;height:56px;background:#a8c9ff14;border:1px solid #a8c9ff35;border-radius:15px;color:var(--blue);font-size:28px;margin-bottom:35px}.cap-grid h3{font-size:18px;font-weight:500}.cap-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:0}.process{background:#182633}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.process-grid article{border-top:1px solid #a8c9ff55;padding-top:25px}.process-grid article>span{font:500 48px 'Manrope';color:#a8c9ff55;letter-spacing:-3px}.process-grid h3{font-size:19px;font-weight:500;margin-top:25px}.process-grid p{font-size:14px;color:var(--muted);line-height:1.8}.order-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:9%;background:radial-gradient(ellipse at 0 50%,#304e6c44,transparent 65%),#121f2b;border-top:1px solid var(--line);align-items:start}.order-intro{position:sticky;top:35px}.order-intro>p:not(.eyebrow){line-height:1.8;color:var(--muted);font-size:15px;max-width:400px;margin-top:25px}.order-assurance{display:flex;flex-direction:column;gap:17px;margin-top:35px;font-size:13px;color:#c9d8e7}.order-intro .order-fine,.order-fine{font-size:12px!important;line-height:1.8;color:#98acbe}.order-help{display:inline-block;margin-top:20px;font-size:12px;line-height:2;color:var(--muted)}.order-help strong{color:white;font-size:18px;font-weight:500}.order-panel{padding:36px;background:#1b2d3d;border:1px solid #a8c9ff30;border-radius:16px;box-shadow:0 24px 80px #0002}.step-heading{display:flex;justify-content:space-between;font-size:11px;color:#bdd0e4;letter-spacing:1px}.step-progress{display:flex;gap:7px;margin:20px 0 35px}.step-progress span{height:3px;flex:1;background:#ffffff15;border-radius:3px}.step-progress span.done{background:var(--lime)}fieldset{padding:0;margin:0;border:0;min-width:0}fieldset[hidden],button[hidden],#order-ready[hidden],#order-form[hidden]{display:none!important}legend{font:500 26px/1.3 'Manrope';letter-spacing:-.7px;margin-bottom:25px;width:100%}.order-panel label{display:grid;gap:9px;font-size:13px;margin-bottom:20px;color:#e0e9f2}.order-panel label>span:not(:has(.swatch)){color:#9db1c5;font-size:11px}.order-panel input:not([type=checkbox]):not([type=radio]),.order-panel textarea,.order-panel select{width:100%;min-width:0;max-width:100%;border:1px solid #a8c9ff35;border-radius:7px;background:#112231;color:#f1f6fc;padding:13px 14px;font:14px 'DM Sans',sans-serif;outline:none;transition:border-color .2s}.order-panel input:focus,.order-panel select:focus,.order-panel textarea:focus{border-color:var(--blue)}.order-panel input::placeholder,.order-panel textarea::placeholder{color:#7c94aa}.order-panel textarea{resize:vertical}.order-panel select{color-scheme:dark}.form-controls{display:flex;gap:12px;justify-content:space-between;margin-top:28px}.form-controls .primary{margin-left:auto}.form-controls button{border:0;cursor:pointer}.form-controls .outline{border:1px solid #ffffff40;color:white}.field-label{font-size:13px;color:#d5e2f0;margin-bottom:13px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.check-grid label{display:flex;gap:9px;align-items:center;font-size:12px;padding:12px 10px;margin:0;border:1px solid #a8c9ff25;border-radius:7px;cursor:pointer}.check-grid input{accent-color:var(--lime);width:16px;height:16px}.check-grid label:has(:checked){border-color:var(--lime);background:#dcf5b507}.style-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 25px}.style-options label{margin:0;position:relative;cursor:pointer}.style-options input{position:absolute;opacity:0}.style-options label>span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #a8c9ff30;border-radius:8px;font-size:11px;color:white}.style-options input:checked+span{border-color:var(--lime);background:#dcf5b508}.style-options input:focus-visible+span{outline:2px solid white;outline-offset:2px}.swatch{display:block;width:30px;height:30px;flex:none;border-radius:6px}.swatch.clean{background:linear-gradient(135deg,#eaf0f8 50%,#a8c9ff 50%)}.swatch.dark{background:linear-gradient(135deg,#13171c 50%,#bd9558 50%)}.swatch.playful{background:linear-gradient(135deg,#e3ee8c 50%,#ee92b7 50%)}.swatch.surprise{background:conic-gradient(#a8c9ff,#dcf5b5,#efb2ca,#a8c9ff)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}#order-summary{padding:18px;background:#112231;border-radius:8px;margin-bottom:24px;font-size:13px;line-height:1.7}#order-summary dl{margin:0}#order-summary dt{color:#8fa9c1;font-size:11px;margin-top:12px}#order-summary dt:first-child{margin-top:0}#order-summary dd{margin:2px 0 0;overflow-wrap:anywhere}.ready-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--lime);color:#23351f;font-size:25px;margin-bottom:20px}#order-ready h3{font-size:28px;font-weight:500}#order-ready p{font-size:14px;line-height:1.8;color:#b6c8d9}#order-ready .actions{gap:12px;flex-wrap:wrap}#copy-order{color:white;background:transparent}.edit-order{border:0;background:transparent;color:var(--blue);padding:10px 0;text-decoration:underline;font-size:13px}.main-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%}.main-faq>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin-top:25px}.main-faq details{border-bottom:1px solid var(--line);padding:22px 0}.main-faq details:first-child{border-top:1px solid var(--line)}.main-faq summary{cursor:pointer;font-size:17px;line-height:1.5}.main-faq details p{font-size:14px;line-height:1.8;color:var(--muted);margin:16px 0 0}.price-card{transition:transform .35s,border-color .35s}.price-card:hover{transform:translateY(-6px);border-color:#a8c9ff80}.price-card .button{min-height:50px}.about-symbol{font-size:clamp(180px,24vw,360px)}
@media(max-width:1100px){header nav{gap:15px;font-size:12px}.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-section,.main-faq{gap:5%}.order-panel{padding:26px}.pill{display:none}.process-grid{gap:20px}.process-grid h3{font-size:17px}}@media(max-width:760px){.real-grid{grid-template-columns:minmax(0,1fr);gap:30px}.demo-grid{grid-template-columns:minmax(0,1fr);gap:30px}.demo-site-preview .iframe-clip{aspect-ratio:1.5}.browser-preview{padding:12px 12px 0}.project-tags{margin-top:11px}.cap-grid{grid-template-columns:1fr 1fr;gap:12px}.cap-grid article{padding:20px 15px}.cap-grid h3{font-size:16px}.cap-grid p{font-size:13px}.cap-icon{margin-bottom:24px}.process-grid{grid-template-columns:1fr 1fr;gap:24px}.process-grid article>span{font-size:38px}.process-grid h3{font-size:17px;margin-top:18px}.process-grid p{font-size:13px}.order-section,.main-faq{grid-template-columns:1fr;gap:35px}.order-intro{position:static}.order-intro>p:not(.eyebrow){max-width:none}.order-assurance{display:none}.order-panel{padding:24px 20px}.order-help{margin-top:0}.form-row{grid-template-columns:1fr;gap:0}.style-options label>span{font-size:10px;padding:10px;gap:7px}.swatch{width:24px;height:24px}.check-grid label{font-size:11px}.form-controls .button{font-size:12px;padding:14px 16px;gap:14px}legend{font-size:24px}.main-faq details summary{font-size:16px}.hero-traits span{font-size:9px}.hero-note{display:none}.hero-art{margin-top:45px}header nav{font-size:14px}.nav-cta{font-size:11px;gap:12px}.brandmark{margin-right:7px}.hero-bottom{font-size:7px}}@media(max-width:370px){.cap-grid,.process-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.style-options{grid-template-columns:1fr}.nav-cta{padding:9px}.logo{font-size:21px}}
/* Four miniature websites: fixed frames, moving document contents. */
.booking-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 30px}.showcase-card{min-width:0}.showcase-frame{border-radius:13px;overflow:hidden;border:1px solid #23374b26;box-shadow:0 12px 36px #1d344b12;background:#fff}.showcase-toolbar{height:32px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#f9fafb;color:#697581;font-size:9px;border-bottom:1px solid #18263318}.traffic-dots{display:flex;gap:4px}.traffic-dots i{width:5px;height:5px;background:#cbd2d8;border-radius:50%}.toolbar-mark{font-size:15px;color:#8a99a5}.showcase-viewport{aspect-ratio:1.26;position:relative;overflow:hidden;contain:layout paint;background:#1b211e}.showcase-canvas{width:900px;height:715px;position:absolute;left:0;top:0;transform:scale(var(--showcase-scale,.6));transform-origin:top left;pointer-events:none;user-select:none}.showcase-page{width:900px;will-change:transform;animation:websiteTour 24s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused;background:var(--mini-bg);color:var(--mini-ink);--mini-bg:#201f19;--mini-ink:#f8ebd4;--mini-accent:#cfaa78;--mini-muted:#bcb3a2}.showcase-card.is-playing .showcase-page,.showcase-card.is-playing .selected-day,.showcase-card.is-playing .selected-time,.showcase-card.is-playing .calendar-success,.showcase-card.is-playing .sample-hero img{animation-play-state:running}.motion-paused .showcase-card .showcase-page,.motion-paused .showcase-card .selected-day,.motion-paused .showcase-card .selected-time,.motion-paused .showcase-card .calendar-success,.motion-paused .showcase-card .sample-hero img{animation-play-state:paused!important}.barber-showcase .showcase-page{--mini-bg:#17241e;--mini-ink:#f3f4dc;--mini-accent:#dbea96;--mini-muted:#b4c0b3;animation-delay:-5s}.pets-showcase .showcase-page{--mini-bg:#fff8e9;--mini-ink:#294a35;--mini-accent:#dce88e;--mini-muted:#6a7e63;animation-delay:-9s}.spa-showcase .showcase-page{--mini-bg:#f4efe7;--mini-ink:#384937;--mini-accent:#64795a;--mini-muted:#7d8174;animation-delay:-3s}.sample-nav{height:66px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.sample-nav>strong{font-size:25px;letter-spacing:2px}.restaurant-showcase .sample-nav>strong{font:27px Georgia;letter-spacing:5px}.spa-showcase .sample-nav>strong{font:24px Georgia;letter-spacing:3px}.pets-showcase .sample-nav>strong{letter-spacing:-1px;font-size:24px}.sample-nav>div>span{padding:10px 13px;background:var(--mini-accent);color:#263425;border-radius:3px}.sample-hero{height:480px;position:relative;overflow:hidden}.sample-hero>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:pictureBreath 24s ease-in-out infinite;animation-play-state:paused}.sample-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e191dc9,#0e191d14);pointer-events:none}.sample-hero-copy{position:relative;z-index:1;padding:76px 48px;color:#fff5db}.sample-hero-copy small,.sample-section-head small,.sample-booking-copy>small{font-size:9px;letter-spacing:2px}.sample-hero-copy h3{font:500 68px/.99 'Manrope',sans-serif;letter-spacing:-3px;margin:25px 0 20px}.sample-hero-copy h3 em{font-style:normal;color:var(--mini-accent)}.sample-hero-copy p{font-size:12px;margin-bottom:25px}.sample-cta{display:inline-block;padding:12px 18px;background:var(--mini-accent);color:#283224;font-size:11px;font-weight:600;border-radius:3px}.sample-edition{position:absolute;z-index:1;bottom:21px;right:35px;font-size:8px;color:#fff9;letter-spacing:2px}.restaurant-showcase .sample-hero:after{background:linear-gradient(0deg,#181c17a0,#181c1740)}.restaurant-showcase .sample-hero-copy{text-align:center;padding-top:70px}.restaurant-showcase .sample-hero-copy h3{font:400 83px/.95 Georgia;letter-spacing:-2px}.restaurant-showcase .sample-hero-copy h3 em{font-style:italic;color:#fff0d2}.barber-showcase .sample-hero>img{object-position:50% 48%;width:58%;left:auto;right:0}.barber-showcase .sample-hero:after{background:linear-gradient(90deg,#17241e 42%,#17241e00 65%)}.barber-showcase .sample-hero-copy h3{font-weight:800;font-size:74px;letter-spacing:-4px}.pets-showcase .sample-hero{background:#f1f0d3}.pets-showcase .sample-hero>img{width:43%;height:87%;top:7%;left:auto;right:5%;border-radius:48% 48% 12px 12px}.pets-showcase .sample-hero:after{display:none}.pets-showcase .sample-hero-copy{width:56%;color:#294a35;padding-top:90px}.pets-showcase .sample-hero-copy h3{font-size:59px;font-weight:700;letter-spacing:-3px}.pets-showcase .sample-hero-copy h3 em{color:#678341}.pets-showcase .sample-hero-copy p{max-width:260px;line-height:1.7}.pets-showcase .sample-cta{border-radius:30px}.pets-showcase .sample-edition{color:#506741}.spa-showcase .sample-hero-copy h3{font:400 78px/1 Georgia;letter-spacing:-2px}.spa-showcase .sample-hero-copy h3 em{color:#f1e9d3;font-style:italic}.spa-showcase .sample-cta{background:#f0eddc;color:#3f503a}.sample-ticker{height:45px;display:flex;gap:40px;align-items:center;justify-content:center;background:var(--mini-accent);color:#2d3929;font-size:9px;letter-spacing:2px}.spa-showcase .sample-ticker{color:#f4f1dd}.sample-ticker>span{font-size:20px}.sample-services{padding:42px 42px 36px}.sample-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sample-section-head h4{font:400 35px/1.1 'Manrope';letter-spacing:-1px;margin:0}.restaurant-showcase .sample-section-head h4,.spa-showcase .sample-section-head h4{font-family:Georgia}.sample-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sample-service-grid>div{padding:19px;border:1px solid #b5beab40;border-radius:7px}.sample-service-grid>div>span{font-size:10px;color:var(--mini-muted)}.sample-service-grid h5{font-size:17px;margin:19px 0 9px;font-weight:500}.sample-service-grid p{font-size:10px;color:var(--mini-muted);margin-bottom:19px}.sample-service-grid b{font-size:10px;font-weight:500}.sample-booking{margin:0 42px 30px;border:1px solid #a4b49c50;border-radius:12px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:color-mix(in srgb,var(--mini-accent) 8%,var(--mini-bg))}.sample-booking-copy h4{font:400 35px/1.1 'Manrope';letter-spacing:-1px;margin:18px 0}.sample-booking-copy p{font-size:12px;line-height:1.8;color:var(--mini-muted)}.sample-booking-line{display:block;width:40px;height:1px;background:var(--mini-accent);margin:25px 0}.sample-calendar{position:relative;padding:20px;background:var(--mini-bg);border-radius:8px;border:1px solid #a4b49c30}.calendar-title{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;margin-bottom:18px}.calendar-week{text-align:center;font-size:9px;word-spacing:17px;color:var(--mini-muted);margin-bottom:12px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-days>span{font-size:10px;height:22px;display:grid;place-items:center;border-radius:4px}.selected-day{animation:daySelect 24s infinite;animation-play-state:paused}.calendar-times{display:flex;gap:8px;margin-top:13px}.calendar-times>span{flex:1;text-align:center;font-size:9px;border:1px solid #a4b49c50;padding:6px;border-radius:3px}.selected-time{animation:timeSelect 24s infinite;animation-play-state:paused}.calendar-confirm{background:var(--mini-accent);color:#293c24;padding:10px;font-size:10px;margin-top:12px;display:flex;justify-content:space-between;border-radius:4px}.spa-showcase .calendar-confirm{color:white}.calendar-success{position:absolute;inset:auto 12px 8px;padding:12px;border:1px solid #8cb882;background:#e7f1d9;color:#304e27;border-radius:5px;font-size:12px;text-align:center;opacity:0;animation:bookingConfirm 24s infinite;animation-play-state:paused}.barber-showcase .selected-day,.barber-showcase .selected-time,.barber-showcase .calendar-success{animation-delay:-5s}.pets-showcase .selected-day,.pets-showcase .selected-time,.pets-showcase .calendar-success{animation-delay:-9s}.spa-showcase .selected-day,.spa-showcase .selected-time,.spa-showcase .calendar-success{animation-delay:-3s}.sample-footer{padding:22px 42px;background:var(--mini-bg);display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #a4b49c30}.sample-footer>span{font-size:10px;color:var(--mini-muted)}.preview-vignette{position:absolute;inset:0;box-shadow:inset 0 -15px 25px -20px #0004;pointer-events:none}.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 2px 0}.showcase-caption h3{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0 0 6px}.showcase-caption p{font-size:12px;color:#627486;margin:0}.concept-tag{font-size:8px;letter-spacing:1px;color:#687a8b;border:1px solid #243e532a;padding:7px 9px;border-radius:20px;white-space:nowrap}.motion-toggle{border:1px solid #33485b40;background:transparent;border-radius:25px;padding:10px 15px;color:#33485b;font-size:12px;display:flex;gap:15px;align-items:center;margin-top:22px}.motion-toggle:hover{background:#fff7}.showcase-card.reveal,.js .showcase-card.reveal{transform:none!important;transition:opacity .8s}.showcase-frame,.showcase-card:hover .showcase-frame{transform:none!important}.examples .section-heading{align-items:center}.examples .section-heading h2{font-size:clamp(43px,4.5vw,65px)}@keyframes websiteTour{0%,13%{transform:translateY(0)}36%,66%{transform:translateY(calc(-1 * var(--tour-distance, 600px)))}89%,100%{transform:translateY(0)}}@keyframes pictureBreath{0%,100%{transform:scale(1)}45%,70%{transform:scale(1.045)}}@keyframes daySelect{0%,38%,78%,100%{background:transparent;color:inherit}43%,74%{background:var(--mini-accent);color:#294123}}@keyframes timeSelect{0%,45%,78%,100%{background:transparent;color:inherit}50%,74%{background:var(--mini-accent);color:#294123}}@keyframes bookingConfirm{0%,55%,77%,100%{opacity:0;transform:translateY(5px)}59%,72%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.booking-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.showcase-frame{border-radius:7px;box-shadow:0 5px 16px #1d344b0c}.showcase-toolbar{height:22px;padding:0 6px;font-size:5px}.traffic-dots{gap:2px}.traffic-dots i{width:3px;height:3px}.toolbar-mark{font-size:9px}.showcase-viewport{aspect-ratio:.91}.showcase-caption{padding-top:12px;display:block}.showcase-caption h3{font-size:15px;letter-spacing:-.2px;margin-bottom:5px}.showcase-caption p{font-size:11px;line-height:1.5;min-height:32px}.concept-tag{display:none}.examples .section-heading h2{font-size:43px}.motion-toggle{font-size:12px}.examples .example-note{font-size:11px;line-height:1.7}.sample-hero-copy small{font-size:12px}.sample-nav>div{font-size:13px}.sample-hero-copy p{font-size:16px}.sample-cta{font-size:15px}}@media(prefers-reduced-motion:reduce){.showcase-page,.sample-hero img,.selected-day,.selected-time,.calendar-success{animation:none!important}.motion-toggle{display:none}}
/* Vector icons remain identical across platform fonts. */
.nw-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible;pointer-events:none}.button .nw-icon,.textlink .nw-icon,.nav-cta .nw-icon{width:16px;height:16px}.mini-star .nw-icon,.tag-icon .nw-icon{width:1em;height:1em}.about-symbol .nw-icon{width:.83em;height:.83em;filter:drop-shadow(12px 12px 0 #284766)}.brandmark>span .nw-icon{width:24px;height:24px}.price-card li:before{content:'';display:inline-block;width:14px;height:14px;vertical-align:-2px;background:var(--blue);mask:url('/assets/check.svg') center/contain no-repeat;-webkit-mask:url('/assets/check.svg') center/contain no-repeat}.static-project{padding:12px 12px 0;overflow:hidden;transition:none!important;transform:none!important;contain:layout paint}.static-project:hover{transform:none!important}.project-screenshot{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:top;border:0;pointer-events:none;user-select:none;-webkit-user-drag:none}.project-visit{display:flex;justify-content:flex-end;margin-top:16px}.project-visit .button{font-size:12px;padding:10px 16px;min-height:42px;gap:16px}.project-caption{margin-top:15px}.preview-dots{display:flex;gap:4px}.preview-dots i{width:5px;height:5px;background:#a4acb5;border-radius:50%}.hero-art{pointer-events:none}.menu .nw-icon{width:23px;height:23px}.sample-nav .nw-icon,.sample-ticker .nw-icon,.sample-cta .nw-icon{width:1em;height:1em}.showcase-frame{touch-action:pan-y}.showcase-viewport{pointer-events:none}.motion-toggle .nw-icon{width:13px;height:13px}.calendar-success .nw-icon{vertical-align:-2px}.ready-icon .nw-icon{width:25px;height:25px}
@media(max-width:760px){.hero{isolation:isolate;min-height:600px;padding-top:60px;padding-bottom:75px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:100%;pointer-events:auto}.hero-art{position:absolute;z-index:-1;inset:0;min-height:0;max-width:none;width:100%;height:100%;margin:0!important;opacity:.22;transform:none!important;overflow:hidden;perspective:none;contain:paint}.hero-art:after{content:'';position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#101922fa 0%,#101922b8 35%,#10192224 100%),linear-gradient(0deg,#101922 0%,transparent 25%,transparent 80%,#101922);pointer-events:none}.hero-art .back-window{top:35px;left:47%;width:82%;transform:rotate(-12deg);animation:none;box-shadow:none}.hero-art .front-window{top:265px;left:43%;width:88%;transform:rotate(8deg);animation:none;box-shadow:none}.hero-art .mini-restaurant{height:235px}.hero-art .mini-barber{height:255px}.hero-art .floating-tag,.hero-art .art-label,.hero-art .orbit{display:none}.hero-art .window-bar{height:20px}.hero .aurora{filter:none;animation:none;opacity:.55}.hero h1{font-size:clamp(57px,12.8vw,88px);text-shadow:0 3px 24px #10192260}.hero .intro{max-width:340px;color:#c9d4e0}.hero .actions{gap:21px}.hero .button.primary{padding:16px 21px;font-size:14px;min-height:51px}.hero-bottom{z-index:3}.about-symbol{animation:none;text-shadow:none}.floating-tag{backdrop-filter:none}.static-project{padding:10px 10px 0}.project-screenshot{aspect-ratio:1.6}.project-visit .button{min-height:44px}.project-visit{margin-top:12px}.showcase-page{will-change:auto}.sample-hero>img{animation:none!important}}
@media(max-width:380px){.hero{min-height:575px;padding-top:45px}.hero .actions{gap:19px}.hero .textlink{font-size:12px}.hero .button.primary{padding:15px 17px;gap:20px;font-size:13px}}
.hero{background:radial-gradient(ellipse at 82% 35%,#355c874d,transparent 60%);min-height:850px;padding-top:68px}.hero-gridlines{position:absolute;inset:0;background-image:linear-gradient(#a8c9ff06 1px,transparent 1px),linear-gradient(90deg,#a8c9ff06 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero h1{font-size:clamp(64px,6.7vw,103px);line-height:1.06;letter-spacing:-5px}.hero h1>span{background:linear-gradient(100deg,#b0d0ff 15%,#e1f5be 55%,#b0d0ff 85%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headlineLight 10s ease-in-out infinite}.hero .intro{font-size:15px;line-height:1.8;max-width:560px}.hero .intro strong{font-weight:500;color:#dbe6f2;display:inline-block;margin-top:8px}.hero-service-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:30px;max-width:470px}.hero-service-links>a{display:flex;gap:11px;align-items:center;padding:13px 14px;background:#a8c9ff0b;border:1px solid #a8c9ff30;border-radius:8px;font-size:12px;transition:background .25s,border-color .25s}.hero-service-links>a:hover{background:#a8c9ff20;border-color:#a8c9ff80}.hero-service-links>a>.nw-icon:first-child{width:19px;height:19px;color:var(--blue)}.hero-service-links>a>.nw-icon:last-child{width:13px;height:13px;margin-left:auto;color:#c3d8f0}.hero-note{display:none}.hero-art{align-self:center}.app-peek{position:absolute;right:-1%;top:335px;width:182px;background:#e6edf5;color:#203449;padding:19px 15px;border-radius:22px;border:5px solid #889ab0;box-shadow:0 20px 45px #0005;transform:rotate(9deg);z-index:4}.app-peek-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.5px}.app-peek>p{font-size:24px;line-height:1.15;margin:22px 0;letter-spacing:-1px}.app-peek>p strong{font-weight:600}.app-peek-row{display:flex;justify-content:space-between;font-size:9px;background:white;padding:11px 9px;border-radius:6px}.app-peek-slots{display:flex;gap:5px;margin:12px 0}.app-peek-slots i{flex:1;height:27px;background:#c4d3e5;border-radius:4px}.app-peek-slots i:nth-child(3){background:#7795b5}.app-peek-action{background:#22374d;color:white;padding:10px 8px;border-radius:6px;font-size:7px;display:flex;justify-content:space-between}.hero-art .floating-tag{left:1%;bottom:-12px}.service-suite{background:linear-gradient(145deg,#142432,#101922)}.service-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.suite-card{border:1px solid #a8c9ff2b;border-radius:14px;padding:36px;background:linear-gradient(135deg,#a8c9ff0b,transparent);display:flex;flex-direction:column;transition:border-color .3s}.suite-card:hover{border-color:#a8c9ff7a}.suite-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:33px}.suite-card-top>span:last-child{font-size:10px;letter-spacing:1px;color:#96adc5}.suite-icon{width:52px;height:52px;border:1px solid #a8c9ff45;border-radius:13px;display:grid;place-items:center;background:#a8c9ff10;color:var(--blue)}.suite-icon .nw-icon{width:27px;height:27px}.suite-card:nth-child(2) .suite-icon{color:#dcf5b5}.suite-card:nth-child(3) .suite-icon{color:#e0c1e6}.suite-card:nth-child(4) .suite-icon{color:#f5d1a8}.suite-card h3{font:500 39px/1.13 'Manrope';letter-spacing:-1.6px;margin:0 0 21px}.suite-card>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:450px}.suite-card ul{padding:0;list-style:none;margin:10px 0 30px;display:flex;gap:7px;flex-wrap:wrap}.suite-card li{padding:7px 9px;border:1px solid #a8c9ff26;border-radius:5px;font-size:11px;color:#c0d0e0}.suite-card .button{margin-top:auto;align-self:stretch}.suite-card:nth-child(2) .button{background:#bbd2ef}.suite-card:nth-child(3) .button{background:#e0cbe8}.suite-card:nth-child(4) .button{background:#ecd4b6}.concept-order{display:flex;width:100%;justify-content:space-between;background:#1b3044;color:white;border:1px solid #1b3044;margin-top:20px;padding:17px 21px;font-size:15px;min-height:54px}.concept-order:hover{background:#2a4864;box-shadow:0 10px 25px #162b4120}.concept-order .nw-icon{width:20px;height:20px}.showcase-page,.selected-day,.selected-time,.calendar-success{animation-duration:18s}.sample-hero>img{animation-duration:18s}.sample-service-grid>div{animation:miniServiceGlow 18s ease-in-out infinite;animation-play-state:paused}.showcase-card.is-playing .sample-service-grid>div{animation-play-state:running}.sample-service-grid>div:nth-child(2){animation-delay:.8s}.sample-service-grid>div:nth-child(3){animation-delay:1.6s}.motion-paused .sample-service-grid>div{animation-play-state:paused!important}.calendar-confirm{animation:bookingButtonPulse 18s ease-in-out infinite;animation-play-state:paused}.showcase-card.is-playing .calendar-confirm{animation-play-state:running}.motion-paused .calendar-confirm{animation-play-state:paused!important}.barber-showcase .calendar-confirm{animation-delay:-5s}.pets-showcase .calendar-confirm{animation-delay:-9s}.spa-showcase .calendar-confirm{animation-delay:-3s}@keyframes websiteTour{0%,9%{transform:translateY(0)}25%{transform:translateY(calc(-.38 * var(--tour-distance,600px)))}39%,66%{transform:translateY(calc(-1 * var(--tour-distance,600px)))}79%{transform:translateY(calc(-.45 * var(--tour-distance,600px)))}93%,100%{transform:translateY(0)}}@keyframes miniServiceGlow{0%,12%,48%,100%{background:transparent}25%,36%{background:color-mix(in srgb,var(--mini-accent) 12%,transparent)}}@keyframes bookingButtonPulse{0%,48%,75%,100%{filter:brightness(1)}55%,63%{filter:brightness(1.2)}}@keyframes headlineLight{50%{background-position:100% 50%}}
@media(max-width:1050px){.hero h1{font-size:74px}.suite-card{padding:28px}.suite-card h3{font-size:34px}.app-peek{width:150px;right:0;top:315px}.hero-service-links{max-width:400px}.hero-service-links>a{font-size:11px;padding:12px}}@media(max-width:760px){.hero{min-height:670px;padding-top:42px;padding-bottom:68px;align-items:center}.hero h1{font-size:clamp(53px,12.5vw,84px);letter-spacing:-3px;margin-bottom:22px}.hero .intro{font-size:13px;line-height:1.8;max-width:360px}.hero .intro br{display:none}.hero .intro strong{display:block;margin-top:7px}.hero-service-links{max-width:none;gap:8px;margin-top:24px}.hero-service-links>a{font-size:11px;padding:12px 10px;background:#172d40c9}.hero-service-links>a>.nw-icon:first-child{width:17px;height:17px}.hero-gridlines{background-size:46px 46px;opacity:.7}.hero-art .app-peek{display:none}.hero-art .front-window{top:355px}.hero-art .back-window{top:55px}.service-suite-grid{grid-template-columns:1fr;gap:20px}.suite-card{padding:27px}.suite-card h3{font-size:35px}.suite-card-top{margin-bottom:26px}.suite-card-top>span:last-child{font-size:9px}.suite-card>p{font-size:14px}.suite-card .button{font-size:14px}.concept-order{padding:13px 10px;font-size:12px;gap:6px;margin-top:14px;min-height:47px;border-radius:7px}.concept-order .nw-icon{width:15px;height:15px}.sample-service-grid>div,.calendar-confirm{animation:none!important}.hero h1>span{animation:none}.order-panel label>#scope-label{font-size:13px;color:#e0e9f2}}@media(prefers-reduced-motion:reduce){.sample-service-grid>div,.calendar-confirm,.hero h1>span{animation:none!important}}
/* Service stories: original lightweight motion, inside stationary cards. */
.service-suite{padding-top:85px}.service-suite-grid{gap:28px}.suite-card{padding:0;overflow:hidden;background:#172634;border-color:#a8c9ff24;min-width:0}.suite-card>.suite-card-top,.suite-card>h3,.suite-card>p,.suite-card>ul{margin-left:30px;margin-right:30px}.suite-card>.suite-card-top{margin-top:26px;margin-bottom:22px}.suite-card>h3{font-size:34px}.suite-card>.button{margin:0 30px 30px}.suite-icon{width:38px;height:38px;border-radius:10px}.suite-icon .nw-icon{width:21px;height:21px}.suite-card>ul{margin-bottom:27px}.service-motion-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-14px 0 25px;color:#98afc7;font-size:12px}.service-motion-toggle{color:#d3e1ef;background:transparent;border:1px solid #a8c9ff40;padding:10px 16px;border-radius:25px;font-size:12px}.service-film{position:relative;aspect-ratio:1.62;overflow:hidden;contain:layout paint;border-bottom:1px solid #a8c9ff25;pointer-events:none}.film-stage{width:660px;height:408px;transform:scale(var(--film-scale,.9));transform-origin:top left;position:absolute;inset:0;user-select:none}.film-web{background:radial-gradient(ellipse at 70% 20%,#c5e1f8,#7498ba)}.film-app{background:radial-gradient(ellipse at 80% 60%,#c6dcab,#7b9a7c)}.film-social{background:linear-gradient(130deg,#aaa0ca,#dac6dd)}.film-ads{background:linear-gradient(130deg,#f1d3a0,#cda777)}.film-chip{position:absolute;bottom:18px;left:24px;padding:8px 11px;background:#ffffffb5;border:1px solid #ffffff6b;border-radius:20px;font-size:8px;letter-spacing:1.2px;color:#23384d;z-index:5}.web-window{position:absolute;width:445px;height:306px;left:50px;top:41px;background:#f2f4f6;border:1px solid #fff9;border-radius:9px;overflow:hidden;box-shadow:0 20px 35px #21334c40;transform:rotate(-4deg)}.film-browser{height:24px;background:#eaf0f5;display:flex;align-items:center;gap:3px;padding:0 10px}.film-browser i{width:4px;height:4px;background:#a4b3c1;border-radius:50%}.film-browser span{font-size:8px;margin:auto;color:#8795a1}.film-web-viewport{height:282px;overflow:hidden}.film-web-scroll{animation:serviceWebScroll 12s ease-in-out infinite}.film-web-hero{height:270px;padding:35px 28px;background:linear-gradient(90deg,#17251ae0,#17251a05),url('/assets/barber.jpg') center 47%/cover;color:#f0f3d8}.film-web-hero small{font-size:8px;letter-spacing:2px}.film-web-hero strong{display:block;font:700 44px/1.03 'Manrope';letter-spacing:-2px;margin:25px 0 19px}.film-web-hero>span,.film-web-content>span{display:inline-block;font-size:9px;padding:9px 14px;background:#dbe999;color:#263225}.film-web-content{background:#eef0df;color:#263225;height:220px;padding:24px 28px}.film-web-content>b{font-size:22px;letter-spacing:-1px}.film-web-content>div{display:flex;gap:10px;margin:20px 0}.film-web-content i{font-style:normal;background:#dce4c9;border-radius:5px;padding:14px;font-size:10px;flex:1}.film-web-content p{font-size:9px}.web-mini{position:absolute;right:65px;top:130px;width:137px;height:239px;background:#18291e;border:5px solid #dbe5ee;border-radius:20px;transform:rotate(8deg);box-shadow:0 15px 20px #14263a33;padding:10px;color:#f0f3df}.web-mini-top{width:35px;height:4px;background:#d1dce2;border-radius:10px;margin:0 auto 16px}.web-mini strong{font-size:21px;line-height:1.05}.web-mini-image{height:100px;background:url('/assets/barber.jpg') center/cover;border-radius:5px;margin:12px 0}.web-mini>span{font-size:8px;display:block;text-align:center;background:#dbe999;color:#263225;padding:7px}.app-preview{position:absolute;left:130px;top:29px;width:185px;height:350px;background:#f8faf5;color:#284133;border:6px solid #e4ecdf;border-radius:29px;overflow:hidden;box-shadow:0 18px 40px #28413340;transform:rotate(-6deg)}.app-status{display:flex;justify-content:space-between;font-size:8px;padding:12px 14px}.app-status>span{font-size:7px}.app-view{padding:13px}.app-view>small{font-size:7px;letter-spacing:1px}.app-view>strong{display:block;font:500 29px/1.06 'Manrope';letter-spacing:-1px;margin:12px 0}.app-banner{background:url('/assets/spa.jpg') center/cover;height:70px;border-radius:8px}.app-choice{display:flex;justify-content:space-between;font-size:9px;margin:12px 0}.app-choice>span{color:#7b8c78}.app-date-row{display:flex;gap:6px}.app-date-row>span{flex:1;text-align:center;padding:8px 0;font-size:8px;background:#e3ead9;border-radius:5px}.app-date-row>span:nth-child(3){animation:serviceDate 10s infinite}.app-book-action{background:#3d6244;color:white;padding:9px;text-align:center;border-radius:6px;font-size:8px;margin-top:12px}.app-bottom{display:flex;justify-content:space-around;position:absolute;bottom:8px;left:18px;right:18px}.app-bottom i{width:12px;height:3px;background:#bfceb9;border-radius:3px}.app-success{position:absolute;inset:40px 0 24px;background:#f8faf5;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;animation:serviceAppSuccess 10s infinite}.app-success strong{font-size:22px;letter-spacing:-.8px;margin-top:20px}.app-success p{font-size:9px;color:#6d806a;margin-top:10px}.draw-check{width:28px;height:16px;border-left:3px solid #65865a;border-bottom:3px solid #65865a;transform:rotate(-45deg)}.app-floating-note{position:absolute;left:350px;top:88px;color:#294235;transform:rotate(4deg)}.app-floating-note small{font-size:8px;letter-spacing:1.5px}.app-floating-note strong{display:block;font:500 36px/1.12 'Manrope';letter-spacing:-1.8px;margin-top:25px}.app-note-line{width:65px;height:3px;background:#577c4e;margin-top:25px;transform-origin:left;animation:serviceUnderline 10s infinite}.social-lane{position:absolute;inset:47px auto auto 34px;display:flex;gap:20px;width:680px;animation:socialSlide 14s ease-in-out infinite}.social-post{width:202px;flex:none;background:#fff9f5;color:#33313d;border-radius:9px;box-shadow:0 12px 25px #4d395f2c;overflow:hidden}.post-one{transform:rotate(-7deg)}.post-two{transform:rotate(4deg) translateY(19px)}.post-three{transform:rotate(-3deg)}.post-head{display:flex;gap:7px;align-items:center;font-size:9px;padding:11px}.post-head i{width:15px;height:15px;border-radius:50%;background:#c7b6da}.post-head b{margin-left:auto;font-size:10px;letter-spacing:1px}.post-image{position:relative;height:215px;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.post-image strong{position:absolute;left:15px;bottom:22px;color:#fff6e7;font:500 30px/1.04 Georgia;letter-spacing:-1px}.post-two .post-image strong{font:700 26px/1.03 'Manrope'}.post-three .post-image strong{font:600 27px/1.04 'Manrope'}.post-footer{height:35px;padding:10px;display:flex;align-items:center;gap:9px}.post-footer b{font-size:6px;letter-spacing:1px;margin-left:auto}.outline-heart{display:block;width:12px;height:12px;background:#e39aa6;border-radius:50% 50% 3px 50%;transform:rotate(45deg);animation:socialLike 14s infinite}.post-line{width:35px;height:2px;background:#ccc1cd}.social-timeline{position:absolute;bottom:20px;right:25px;display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.8px;color:#4c4059}.social-timeline i{width:17px;height:1px;background:#8c7ba0}.search-demo{position:absolute;left:60px;top:45px;width:430px;border:1px solid #fff8;border-radius:12px;background:#fffaf2;padding:22px 25px;box-shadow:0 15px 30px #7c593233;transform:rotate(-3deg);color:#2b3440}.search-demo-title{font:500 22px 'Manrope';letter-spacing:-.7px;margin-bottom:17px}.search-field{background:white;border:1px solid #ded7ca;border-radius:30px;height:38px;padding:0 13px;display:flex;align-items:center;gap:10px}.search-icon{width:10px;height:10px;border:1.5px solid #7c858f;border-radius:50%;position:relative}.search-icon:after{content:'';position:absolute;width:4px;height:1px;background:#7c858f;transform:rotate(45deg);right:-3px;bottom:-2px}.search-typed{font-size:12px;white-space:nowrap;overflow:hidden;animation:searchType 12s steps(20) infinite;width:0}.search-field>i{height:13px;width:1px;background:#829096;animation:searchCaret 1s infinite}.search-ad{margin-top:18px;animation:searchReveal 12s infinite}.search-ad small{font-size:7px;letter-spacing:.8px;color:#576477}.search-ad strong{display:block;font-size:20px;letter-spacing:-.4px;margin:8px 0;color:#42638e}.search-ad p{font-size:9px;line-height:1.7;margin-bottom:10px}.search-ad>span{font-size:9px;color:#42638e;text-decoration:underline}.search-organic{margin-top:16px}.search-organic i{height:4px;background:#e0ddd4;width:75%;display:block;margin-top:6px;border-radius:3px}.search-organic i:first-child{width:40%;background:#c5c6c1}.search-organic i:last-child{width:58%}.ad-route{display:flex;align-items:center;gap:9px;margin-top:19px;font-size:6px;letter-spacing:1px;color:#7d725f}.ad-route i{width:22px;height:1px;background:#cfbaa0;animation:serviceUnderline 12s infinite;transform-origin:left}.ads-note{position:absolute;right:30px;bottom:48px;background:#273c50;color:#d8e8f4;border:1px solid #ffffff20;transform:rotate(5deg);padding:18px 23px;border-radius:8px;font-size:16px;line-height:1.5;box-shadow:0 10px 24px #6b51252a}.ads-note strong{color:#e2efb3;font-weight:500}.service-film *{animation-play-state:paused!important}.suite-card.film-visible .service-film *{animation-play-state:running!important}.service-films-paused .service-film *{animation-play-state:paused!important}@keyframes serviceWebScroll{0%,18%,95%,100%{transform:translateY(0)}45%,68%{transform:translateY(-185px)}}@keyframes serviceDate{0%,25%,85%,100%{background:#e3ead9;color:#284133}35%,75%{background:#456a43;color:#fff}}@keyframes serviceAppSuccess{0%,55%,93%,100%{opacity:0;transform:translateY(14px)}64%,82%{opacity:1;transform:translateY(0)}}@keyframes serviceUnderline{0%,100%{transform:scaleX(.45)}50%{transform:scaleX(1)}}@keyframes socialSlide{0%,15%,95%,100%{transform:translateX(0)}45%,67%{transform:translateX(-95px)}}@keyframes socialLike{0%,45%,90%,100%{opacity:.45}55%,80%{opacity:1}}@keyframes searchType{0%,8%,98%,100%{width:0}30%,88%{width:150px}}@keyframes searchCaret{50%{opacity:0}}@keyframes searchReveal{0%,23%,95%,100%{opacity:.15;transform:translateY(9px)}36%,84%{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.service-suite{padding-top:60px}.service-suite-grid{gap:24px}.suite-card>.suite-card-top,.suite-card>h3,.suite-card>p,.suite-card>ul{margin-left:24px;margin-right:24px}.suite-card>.button{margin-left:24px;margin-right:24px;margin-bottom:24px}.suite-card>h3{font-size:32px}.service-motion-controls{align-items:flex-end;margin-top:-5px}.service-motion-controls>span{font-size:11px;max-width:150px;line-height:1.6}.service-motion-toggle{font-size:11px;padding:9px 12px;white-space:nowrap}.film-stage{contain:layout paint}.service-film{aspect-ratio:1.55}.suite-card{padding:0}.service-suite .section-heading h2{font-size:40px}.service-suite .section-heading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.service-film *{animation:none!important}.search-typed{width:150px}.search-ad{opacity:1}.app-success{display:none}.service-motion-toggle{display:none}}

/* Deep navy restored, with quiet circuit-inspired light trails. */
.hero,.service-suite,.work,.project-bridge,.service-summary,.process,.order-section,.contact{isolation:isolate;position:relative}
.hero:before,.service-suite:before,.work:before,.service-summary:before,.process:before,.order-section:before,.contact:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/tech-lines.svg') center/cover no-repeat;opacity:.38}
.service-suite:before,.process:before{transform:scaleX(-1);opacity:.2}.order-section:before{opacity:.18}.work:before{opacity:.25}.hero:before{opacity:.55}
.project-bridge{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%;padding-top:35px;padding-bottom:65px;overflow:hidden;background:#101922}.bridge-circuit{color:#7fb7ed;opacity:.7;min-width:0;background:radial-gradient(ellipse,#74b7f51b,transparent 66%)}.bridge-circuit svg{width:100%;height:auto;display:block}.bridge-circuit svg>g:first-child{opacity:.35}.circuit-pulse{stroke-dasharray:25 550;animation:circuitFlow 10s linear infinite}.bridge-copy h2{font-size:clamp(32px,3.5vw,50px);letter-spacing:-1.8px;line-height:1.15}.bridge-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:540px;margin:20px 0}.bridge-copy .button{margin-top:4px}.bridge-copy .eyebrow{font-size:12px}
.examples .section-heading{margin-bottom:36px}.service-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;background:#121f2b}.summary-heading h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 32px}.summary-grid article{border-top:1px solid #a8c9ff30;padding-top:19px;position:relative}.summary-number{font-size:12px;color:#8ba9c7}.summary-grid h3{font-size:21px;font-weight:500;margin:12px 0}.summary-grid p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:17px}.summary-grid a{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:var(--blue);padding:8px 0;border-bottom:1px solid #a8c9ff40}.summary-grid a:hover{color:white;border-color:white}.about-project-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);border-bottom:1px solid #a8c9ff55;padding-bottom:9px;margin-top:12px;font-size:14px}.about-symbol{animation:none}.order-panel label[hidden]{display:none!important}
@keyframes circuitFlow{to{stroke-dashoffset:-575}}
@media(min-width:1600px){.project-bridge,.service-summary{max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:760px){.project-bridge{display:block;padding-top:32px;padding-bottom:42px}.bridge-circuit{position:absolute;width:260px;right:-115px;top:14px;opacity:.24;z-index:-1;transform:rotate(90deg)}.bridge-copy h2{font-size:34px;max-width:330px}.bridge-copy>p:not(.eyebrow){font-size:16px;margin:17px 0;max-width:95%}.bridge-copy .eyebrow{font-size:10px}.bridge-copy .button{min-height:50px}.service-summary{grid-template-columns:1fr;gap:28px}.summary-heading h2{font-size:36px}.summary-heading h2 br{display:none}.summary-grid{gap:25px;grid-template-columns:1fr 1fr}.summary-grid h3{font-size:19px;line-height:1.3}.summary-grid p{font-size:14px;line-height:1.7}.summary-grid a{font-size:13px;gap:6px}.summary-grid a .nw-icon{flex-shrink:0;width:17px}.about-symbol{display:none}.about{display:block}.hero:before{opacity:.38;background-position:65% center}.examples .section-heading h2{font-size:38px}}
@media(max-width:360px){.summary-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.circuit-pulse{animation:none;stroke-dasharray:none;opacity:.4}}

/* Webioza identity: a compact, scalable W and a quiet wordmark. */
a.webioza-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0;letter-spacing:0}a.webioza-logo img{width:44px;height:44px;display:block;flex-shrink:0}a.webioza-logo .webioza-word{font-family:'Manrope',sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:#f5f7fa}a.webioza-logo .webioza-dot{color:#a8c9ff}a.webioza-logo:hover img{transform:translateY(-2px);transition:transform .25s ease}footer a.webioza-logo .webioza-word{font-size:27px}footer a.webioza-logo img{width:40px;height:40px}@media(max-width:760px){a.webioza-logo{gap:7px}a.webioza-logo img{width:35px;height:35px}a.webioza-logo .webioza-word{font-size:25px;letter-spacing:-1.3px}}@media(prefers-reduced-motion:reduce){a.webioza-logo:hover img{transform:none;transition:none}}

/* Full-width surfaces, contained content, quieter concept actions. */
.hero,.section,footer{max-width:none;width:100%;box-sizing:border-box}.service-suite{background:#101b26}.service-suite .suite-card{background:#1c2d3d;border-color:#a8c9ff24;box-shadow:0 14px 30px #00000012}.hero:before,.service-suite:before,.work:before,.service-summary:before,.process:before,.order-section:before,.contact:before{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.showcase-card .concept-order{display:inline-flex;width:auto;min-height:42px;padding:10px 16px;font-size:13px;gap:18px;margin-top:12px;border-radius:8px;background:transparent;color:#263d52;border:1px solid #263d5240;box-shadow:none;justify-content:center}.showcase-card .concept-order:hover{background:#263d52;color:white}.showcase-card .concept-order .nw-icon{width:16px;height:16px}#form-status{font-size:14px;line-height:1.7;color:#dcf5b5;margin-top:18px}button:disabled{cursor:wait;opacity:.65}
@media(min-width:1600px){.hero,.section,footer{padding-left:calc((100vw - 1440px)/2);padding-right:calc((100vw - 1440px)/2)}}
@media(max-width:760px){.showcase-card .concept-order{padding:9px 11px;font-size:12px;gap:8px;min-height:42px}}

/* Room to breathe on desktop, with a deliberate end to the showcase. */
.next-page{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:55px 6%;background:#e9eef3;color:#172431;border-top:1px solid #17243120}.next-page h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px}.next-page .eyebrow{color:#55789f;font-size:12px}.next-page p:not(.eyebrow){font-size:16px;color:#5c6b7b;line-height:1.7;margin-top:12px}.next-page .button{background:#20364b;color:#fff;min-width:190px;justify-content:space-between}.back-to-work{display:inline-block;font-size:14px;color:#a8c9ff;border-bottom:1px solid #a8c9ff55;padding-bottom:6px;margin-bottom:35px}.project-page .service-summary{padding-top:70px}
@media(min-width:1100px){header,.hero,.section,footer,.next-page{padding-left:6vw;padding-right:6vw}.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:4vw;min-height:clamp(820px,53vw,1120px);padding-top:85px;padding-bottom:110px;align-items:center}.hero h1{font-size:clamp(78px,6.1vw,142px);letter-spacing:-.055em}.hero .intro{font-size:clamp(16px,1.05vw,21px);max-width:660px}.hero .button.primary{font-size:16px;padding:20px 26px}.hero-service-links{max-width:560px}.hero-service-links>a{font-size:14px;padding:16px}.hero-art{min-height:clamp(580px,38vw,820px);width:100%;max-width:none;margin:0;align-self:center}.hero-art .back-window{width:84%;left:2%;top:4%}.hero-art .front-window{width:87%;left:9%;top:32%}.hero-art .mini-restaurant{height:clamp(250px,19vw,440px);padding:30px 35px}.hero-art .mini-barber{height:clamp(276px,20vw,450px);padding:30px 35px}.hero-art .mini-restaurant p{font-size:clamp(44px,3.6vw,78px)}.hero-art .mini-barber p{font-size:clamp(49px,3.8vw,84px);margin-top:45px}.hero-art .app-peek{top:57%;right:-1%;width:clamp(165px,11vw,235px)}.hero-art .floating-tag{bottom:0;left:3%;font-size:13px}.hero-bottom{left:6vw;right:6vw}.section-heading h2{font-size:clamp(48px,4vw,78px)}.service-suite-grid,.real-grid,.showcase-grid{column-gap:32px}.service-summary{grid-template-columns:.7fr 1.3fr}.project-bridge{padding-left:8vw;padding-right:8vw}}
@media(min-width:1900px){.hero{gap:5vw}.hero .intro{max-width:720px}.hero-service-links{max-width:620px}.hero-art .window-bar{height:40px}.hero-art .floating-tag{padding:21px 26px}.hero .actions{margin-top:36px}.hero-service-links{margin-top:38px}}
@media(max-width:760px){.next-page{display:block;padding:32px 6% 42px}.next-page .button{margin-top:23px;min-width:170px;width:auto}.next-page h2{font-size:30px}.next-page p:not(.eyebrow){font-size:14px;max-width:320px}.project-page .service-summary{padding-top:35px}.back-to-work{margin-bottom:28px}}
/* Slightly calmer desktop scale, more visible calls to action. */
.suite-card>.button,.project-visit .button,.next-page .button{min-height:56px;font-size:16px;padding:17px 24px;gap:24px}.showcase-card .concept-order{min-height:52px;padding:14px 22px;font-size:15px;gap:24px;background:#263d52;color:#fff;border-color:#263d52}.showcase-card .concept-order .nw-icon,.project-visit .button .nw-icon,.suite-card>.button .nw-icon{width:20px;height:20px}.showcase-card .concept-order:hover{background:#365773}.form-controls .button{min-height:52px;font-size:15px;padding:16px 21px}
@media(min-width:1100px){header,.hero,.section,footer,.next-page{padding-left:7.5vw;padding-right:7.5vw}.hero{min-height:clamp(760px,48vw,990px);padding-top:70px;padding-bottom:95px;gap:4vw}.hero h1{font-size:clamp(72px,5.55vw,125px)}.hero .intro{font-size:clamp(16px,1vw,19px)}.hero-art{min-height:clamp(530px,34vw,720px);width:95%;justify-self:center}.hero-art .mini-restaurant{height:clamp(235px,17vw,390px)}.hero-art .mini-barber{height:clamp(255px,18vw,400px)}.hero-art .mini-restaurant p{font-size:clamp(42px,3.2vw,69px)}.hero-art .mini-barber p{font-size:clamp(46px,3.4vw,75px)}.hero-art .app-peek{width:clamp(155px,10vw,210px)}.hero .button.primary{min-height:62px;padding:20px 30px;font-size:18px;gap:32px}.hero .textlink{font-size:16px}.hero-bottom{left:7.5vw;right:7.5vw}.hero-service-links>a{font-size:14px;padding:15px}.showcase-viewport{aspect-ratio:1.36}.section-heading h2{font-size:clamp(46px,3.65vw,70px)}.next-page .button{min-width:220px}.project-bridge{padding-left:8vw;padding-right:8vw}}
@media(max-width:760px){.suite-card>.button,.project-visit .button,.next-page .button{min-height:50px;font-size:14px;padding:15px 19px}.showcase-card .concept-order{min-height:47px;font-size:12px;padding:11px 12px;gap:10px}.showcase-card .concept-order .nw-icon{width:16px;height:16px}.form-controls .button{font-size:14px;padding:14px 16px}}

/* Compact service films and clear page-to-page navigation. */
.service-film{aspect-ratio:2.15}.film-stage{left:50%;right:auto;transform:translateX(-50%) scale(var(--film-scale,.9));transform-origin:top center}.suite-card>.suite-card-top{margin-top:19px;margin-bottom:14px}.suite-card>h3{font-size:30px;margin-bottom:13px}.suite-card>p{line-height:1.65;margin-top:0}.suite-card>ul{margin-top:8px;margin-bottom:20px}.suite-card>.button{margin-bottom:23px}.suite-card-top .suite-icon{width:33px;height:33px}
.page-back{margin-bottom:32px;background:#a8c9ff13;border:1px solid #a8c9ff55;color:#dceaff;min-height:52px;font-size:15px;gap:15px}.next-page .button,.page-back{transition:background .25s,box-shadow .25s,transform .25s}.next-page .button{box-shadow:0 8px 25px #263d5218}.next-page .button .nw-icon{animation:nextNudge 2.8s ease-in-out infinite}.page-back .nw-icon{animation:backNudge 2.8s ease-in-out infinite}.page-back:hover{background:#a8c9ff25;box-shadow:0 8px 28px #0002}.next-page .button:hover{background:#365773;box-shadow:0 10px 28px #263d5233}@keyframes nextNudge{0%,65%,100%{transform:translateX(0)}78%{transform:translateX(6px)}90%{transform:translateX(2px)}}@keyframes backNudge{0%,65%,100%{transform:translateX(0)}78%{transform:translateX(-6px)}90%{transform:translateX(-2px)}}
@media(min-width:1100px){.hero .actions{gap:20px;align-items:stretch}.hero .actions .button.primary{min-height:68px;font-size:20px;padding:22px 32px}.hero .actions .textlink{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8c9ff55;border-radius:9px;background:#a8c9ff0d;padding:21px 26px;min-height:68px;font-size:18px;gap:20px}.hero .actions .textlink:hover{background:#a8c9ff20}.hero-service-links{max-width:640px;gap:12px}.hero-service-links>a{min-height:65px;padding:18px 20px;font-size:16px;gap:13px}.hero-service-links>a>.nw-icon:first-child{width:24px;height:24px}.hero-service-links>a>.nw-icon:last-child{width:18px;height:18px}.hero .actions .nw-icon{width:22px;height:22px}}
@media(max-width:760px){.service-film{aspect-ratio:1.95}.suite-card>h3{font-size:28px}.suite-card>.suite-card-top{margin-top:17px;margin-bottom:12px}.suite-card>ul{margin-bottom:18px}.page-back{font-size:14px;min-height:48px;padding:14px 18px;margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.next-page .button .nw-icon,.page-back .nw-icon{animation:none}}
@media(min-width:1100px){.hero .actions{flex-wrap:wrap}.hero .actions>a{flex-shrink:0}}

/* Compact visual service guide, with real project imagery and interface examples. */
.project-page .service-summary{grid-template-columns:.55fr 1.45fr;gap:6%}.summary-grid article{min-width:0;padding-top:0;border-top:0}.summary-visual{height:clamp(150px,12vw,225px);width:100%;border-radius:12px;overflow:hidden;position:relative;margin-bottom:20px;border:1px solid #a8c9ff25}.summary-web{background:#252323}.summary-web img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}.summary-grid .service-film{aspect-ratio:auto}.summary-grid .service-film *{animation:none!important}.summary-grid .app-success{display:none}.summary-grid .search-typed{width:150px}.summary-grid .search-ad{opacity:1;transform:none}.summary-grid .social-lane{transform:translateX(-48px)}.summary-grid .film-chip{display:none}.summary-grid h3{margin-top:9px}.summary-grid article>p{margin-top:12px}.summary-grid{row-gap:35px}
.page-transition{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 65% 40%,#28496a,#101922 75%);color:#f5f7fa;transform:translateX(-101%);transition:transform .4s cubic-bezier(.7,0,.2,1);pointer-events:none}.page-transition span{font:800 35px 'Manrope',sans-serif;letter-spacing:-1.8px}.page-leaving .page-transition{transform:translateX(0);pointer-events:auto}.page-arrived main{animation:pageEntrance .5s ease-out both}.next-page .button .nw-icon,.page-back .nw-icon{animation:none}.next-page .button:hover .nw-icon{transform:translateX(5px)}.page-back:hover .nw-icon{transform:translateX(-5px)}.next-page .button .nw-icon,.page-back .nw-icon{transition:transform .25s}@keyframes pageEntrance{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.project-page .service-summary{grid-template-columns:1fr;gap:30px}.summary-visual{height:190px}}
@media(max-width:760px){.summary-visual{height:135px;border-radius:9px;margin-bottom:15px}.summary-grid{gap:27px 18px}.summary-grid h3{font-size:18px}.page-transition span{font-size:29px}.page-transition img{width:52px;height:52px}}
@media(max-width:360px){.summary-visual{height:180px}}
@media(prefers-reduced-motion:reduce){.page-transition{display:none}.page-arrived main{animation:none}.next-page .button .nw-icon,.page-back .nw-icon{transition:none}}

/* Text-led service information with two contextual photographs. */
.service-details{background:#121f2b}.service-details>h1{font-size:clamp(38px,4.3vw,74px);line-height:1.12;letter-spacing:-.045em;max-width:1000px}.service-details>h1 em{font-style:normal;color:var(--blue)}.details-lead{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8;margin-top:26px}.service-story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;align-items:start;margin-top:65px}.service-story figure{margin:0;position:sticky;top:110px}.service-story img{display:block;width:100%;height:440px;object-fit:cover;border-radius:15px}.service-story article+article{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.service-story h3{font:500 clamp(24px,2vw,34px)/1.25 'Manrope';letter-spacing:-1px;margin-bottom:16px}.service-story p{font-size:16px;line-height:1.8;color:#becbd8;max-width:700px}.service-story ul{padding-left:20px;font-size:15px;line-height:1.8;color:#aabed1;margin:17px 0}.service-story .textlink{display:inline-flex;align-items:center;gap:15px;margin-top:7px;color:var(--blue);font-size:15px;padding:10px 0}.story-reverse figure{order:2}.story-reverse{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.call-button{min-width:240px;justify-content:center;font-size:18px;padding:20px 28px}.contact .actions{justify-content:center}.hero h1{font-size:clamp(57px,5.2vw,112px)}
@media(max-width:900px){.service-story,.story-reverse{grid-template-columns:1fr;gap:26px;margin-top:38px}.service-story figure{position:static;order:0}.service-story img{height:250px;object-position:center}.service-story article+article{margin-top:24px;padding-top:24px}.service-details>h1{font-size:42px}.details-lead{font-size:16px}.service-story h3{font-size:26px}.service-story p{font-size:16px}.service-story ul{font-size:14px}.hero h1{font-size:clamp(48px,10.5vw,78px)}}

/* Editorial service page: navy light trails, layered photography, clear detail. */
.project-page{background:#101b27}.services-intro,.editorial-group,.studio-promise{position:relative;isolation:isolate;overflow:clip}.services-intro{background:radial-gradient(ellipse at 90% 20%,#315e8545,transparent 65%),#101b27;padding-top:42px;padding-bottom:0}.services-intro:before,.editorial-group:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/tech-lines.svg') center/cover;opacity:.28;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}.page-return{display:inline-block;color:#b7cce2;font-size:14px;border-bottom:1px solid #a8c9ff45;padding-bottom:6px;margin-bottom:55px}.services-intro-grid{display:grid;grid-template-columns:1.45fr .65fr;align-items:center;gap:10%}.services-intro h1{font:500 clamp(46px,5.5vw,90px)/1.08 'Manrope';letter-spacing:-.055em;margin:0}.services-intro h1 em{font-style:normal;color:#b7d5fc}.services-intro-grid>div>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#b5c6d8;max-width:660px;margin:26px 0}.services-intro .button{margin-top:7px}.intro-note{padding:30px 0 30px 30px;border-left:1px solid #a8c9ff40;position:relative}.intro-note>span{font-size:11px;letter-spacing:1.8px;color:#9bb8d7}.intro-note>p{font:400 clamp(24px,2.2vw,37px)/1.4 'Manrope';letter-spacing:-1px;margin:27px 0}.intro-note strong{font-weight:500;color:#d9edbd}.intro-note>div{font-size:14px;line-height:1.8;color:#9cb3c9}.service-jumps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:static;background:none;margin-top:65px;border-top:1px solid #a8c9ff30;padding:24px 0!important;box-shadow:none}.service-jumps a{display:flex;gap:16px;color:#7e9fbe;font-size:12px;align-items:center;padding:10px 0}.service-jumps a span{font-size:16px;color:#dce6f0}.service-jumps a:hover span{color:#dcf5b5}.editorial-group{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start;background:linear-gradient(180deg,#101b27,#142638)}.editorial-photo{position:sticky;top:110px;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 70px #0003;min-width:0}.editorial-photo img{width:100%;height:650px;object-fit:cover;display:block}.editorial-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0b1826e8)}.editorial-photo figcaption{position:absolute;z-index:1;bottom:35px;left:30px;right:25px}.editorial-photo figcaption span{font-size:10px;letter-spacing:1.5px;color:#b8cee1;display:block}.editorial-photo figcaption strong{display:block;font:500 28px/1.2 'Manrope';letter-spacing:-1px;margin-top:12px}.editorial-meta{display:flex;align-items:center;gap:18px;margin-bottom:18px}.editorial-meta>span{font:500 38px 'Manrope';color:#759dbf}.editorial-meta>p{font-size:11px;letter-spacing:1.6px;color:#bed0e2;margin:0}.editorial-service{scroll-margin-top:110px}.editorial-service h2{font:500 clamp(30px,3vw,48px)/1.14 'Manrope';letter-spacing:-1.8px;margin:0 0 23px}.editorial-service h2 em{font-style:normal;color:#b4d2ef}.editorial-service>p{font-size:16px;line-height:1.85;color:#acbfd1}.editorial-service .service-lead{font-size:19px;line-height:1.6;color:#e3ecf6;margin-bottom:12px}.editorial-service dl{margin:24px 0}.editorial-service dl>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;padding:15px 0;border-top:1px solid #a8c9ff25}.editorial-service dt{font-size:14px;font-weight:500;color:#deebf6}.editorial-service dd{margin:0;font-size:14px;line-height:1.65;color:#a7bed2}.editorial-service .service-fit{font-size:14px;line-height:1.7;color:#93adc3;padding-left:15px;border-left:2px solid #a8c9ff50;margin-bottom:22px}.editorial-service .button{background:#c5dfff0b;border-color:#a8c9ff60;font-size:15px;min-height:52px}.editorial-service+.editorial-service{margin-top:55px;padding-top:45px;border-top:1px solid #a8c9ff30}.editorial-group.reverse{grid-template-columns:1.1fr .9fr;background:linear-gradient(180deg,#142638,#111f2c)}.reverse .editorial-photo{order:2}.reverse:before{transform:scaleX(-1)}.studio-promise{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#dbe8f0;color:#173149}.studio-promise h2{font-size:clamp(30px,3vw,48px);line-height:1.15;letter-spacing:-1.8px}.studio-promise h2 em{color:#4c7191}.studio-promise .eyebrow{color:#557a99}.studio-promise p:not(.eyebrow){color:#45647d;line-height:1.85;font-size:17px}.promise-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.promise-points span{font-size:12px;border:1px solid #25496530;padding:9px 12px;border-radius:20px}.project-page .process{background:linear-gradient(#111f2c,#182b3e)}.project-page .order-section{background:radial-gradient(ellipse at 5% 30%,#395f8140,transparent 60%),#101d29}.project-page .main-faq{background:#101d29}
@media(max-width:1000px){.services-intro-grid{grid-template-columns:1.3fr .7fr;gap:6%}.editorial-group,.editorial-group.reverse{gap:5%;grid-template-columns:.8fr 1.2fr}.reverse .editorial-photo{order:0}.editorial-photo img{height:540px}.editorial-service dl>div{grid-template-columns:1fr;gap:6px}.service-jumps{gap:12px}.service-jumps a{gap:9px}.service-jumps a span{font-size:14px}}
@media(max-width:760px){.services-intro{padding-top:30px}.page-return{margin-bottom:34px}.services-intro-grid{grid-template-columns:1fr;gap:26px}.services-intro h1{font-size:48px}.services-intro-grid>div>p:not(.eyebrow){font-size:16px;margin:23px 0}.intro-note{padding:17px 0 17px 20px}.intro-note>p{font-size:23px;margin:12px 0}.intro-note>p br{display:none}.intro-note>p strong{display:block}.intro-note>div{display:none}.service-jumps{display:grid!important;grid-template-columns:1fr 1fr;margin-top:32px;padding:18px 0!important;gap:8px;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important}.service-jumps a{font-size:11px}.service-jumps a span{font-size:14px}.editorial-group,.editorial-group.reverse{grid-template-columns:1fr;gap:30px;padding-top:35px;padding-bottom:45px}.editorial-photo{position:relative;top:0;border-radius:12px}.editorial-photo img{height:260px}.editorial-photo figcaption{bottom:24px;left:24px}.editorial-photo figcaption strong{font-size:25px}.editorial-service h2{font-size:34px}.editorial-service .service-lead{font-size:18px}.editorial-service>p{font-size:16px}.editorial-service+.editorial-service{margin-top:34px;padding-top:30px}.editorial-service dl{margin:20px 0}.editorial-service dl>div{grid-template-columns:.75fr 1.25fr;gap:15px}.editorial-service dt,.editorial-service dd{font-size:13px}.editorial-service .button{font-size:14px;padding:15px 18px}.studio-promise{grid-template-columns:1fr;gap:24px}.studio-promise h2{font-size:34px}.studio-promise p:not(.eyebrow){font-size:16px}}