@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101112;--paper:#fff;--accent:#eaff21;--muted:#64666c;--line:#d9dadd;--display:'Instrument Serif',Georgia,serif;--body:'Manrope',Arial,sans-serif;--pine:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body,main{overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,input,textarea,select{border-radius:0}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;line-height:.99;letter-spacing:-.045em}h2{font-size:clamp(58px,6.15vw,89px)}h3{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.035em}h1 em,h2 em,h3 em{font-weight:400}p{color:var(--muted)}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #4765fd;outline-offset:5px}::selection{background:var(--accent);color:var(--ink)}.wrap{width:min(90%,1296px);margin-inline:auto}.section{padding:110px 0}.skip{position:fixed;top:-70px;left:15px;z-index:100;padding:12px 20px;background:var(--accent);color:var(--ink)}.skip:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 27px;min-height:58px;border:1px solid transparent;background:var(--accent);color:var(--ink);border-radius:7px;font-size:15px;line-height:1.25;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:#dff314;transform:translateY(-3px);box-shadow:0 6px 0 #1011121c}.button:active{transform:translateY(0)}.button:disabled{opacity:.7}.arrow{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px}.arrow svg{width:22px;height:22px}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px;line-height:1.2}.text-link .arrow{transition:transform .2s}.text-link:hover .arrow{transform:translateX(5px)}
/* Shared navigation */
.site-header{height:94px;background:#fffffff7;position:sticky;top:0;z-index:30;transition:box-shadow .2s;backdrop-filter:blur(12px)}.site-header.scrolled{box-shadow:0 1px 0 #10111212}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:33px;line-height:1;letter-spacing:-1.9px;font-weight:800;white-space:nowrap}.brand-dot{color:var(--accent);font-size:1.2em;line-height:0}.nav{display:flex;gap:37px;margin-left:60px}.nav a{font-size:14px;position:relative}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ink);transition:right .2s}.nav a:hover:after{right:0}.header-cta{background:var(--ink);color:white;min-height:48px;padding:14px 22px;font-size:13px}.header-cta:hover{background:#303134}.header-cta .arrow{display:none}.menu-toggle{display:none}
/* Opt-inspired editorial hero, with a native layered device stage */
.hero{padding-top:20px;position:relative}.hero-copy{text-align:center;position:relative;z-index:2}.hero h1{font-size:clamp(78px,8.4vw,121px);line-height:.89;letter-spacing:-.052em;margin:10px 0 26px}.hero h1 span,.hero h1 em{display:block}.hero h1 em{padding-bottom:10px}.hero-copy>p:not(.hero-offer){font-size:17px;line-height:1.5;color:#45474d}.hero-actions{display:flex;gap:31px;justify-content:center;align-items:center;margin:22px 0 14px}.hero-actions .text-link{border:0}.hero-offer{font-size:12px;line-height:1.5;font-weight:600;color:#686a72;margin-top:16px!important}.hero-stage{height:570px;position:relative;margin-top:27px}.hero-art{position:relative;height:570px;max-width:1235px;margin:auto;isolation:isolate}.laptop{position:absolute;width:76%;left:13%;top:18px;display:block;transform:perspective(1300px) rotateY(-3deg) rotateX(2deg);transform-origin:50% 100%;animation:laptop-float 8s ease-in-out infinite;z-index:1}.laptop-screen{position:relative;background:#121719;padding:24px 17px 17px;border:3px solid #4b4d4f;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 20px 50px #10111226;aspect-ratio:1.69;overflow:hidden}.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top;clip-path:inset(0);border-radius:2px}.camera{position:absolute;left:50%;top:9px;background:#29333c;border:2px solid #17222a;width:6px;height:6px;border-radius:100%}.laptop-base{display:block;height:20px;margin:0 -8%;background:linear-gradient(#b5b7b9,#747679 18%,#babdbf 48%,#54565b 95%);border-radius:1px 1px 55% 55%/1px 1px 90% 90%;box-shadow:0 20px 24px #10111220;position:relative}.laptop-base:before{content:'';position:absolute;width:17%;left:41.5%;height:7px;top:0;border-radius:0 0 20px 20px;background:#727678}.hero-phone{position:absolute;z-index:3;width:20%;height:auto;aspect-ratio:.48;right:0;top:65px;padding:14px 7px 8px;background:#0b0c0c;border:3px solid #6e7273;border-radius:40px;box-shadow:6px 6px 0 #323436,20px 22px 45px #1011122b;transform:rotate(4deg);animation:phone-float 7s ease-in-out infinite}.hero-phone img{width:100%;height:100%;border-radius:28px;object-fit:cover;object-position:top}.phone-camera{position:absolute;width:36%;height:16px;background:#090a0a;border-radius:20px;left:32%;top:11px;z-index:2}.inquiry-slip{position:absolute;left:0;top:188px;z-index:4;width:25%;padding:23px 19px 20px;background:white;box-shadow:0 18px 48px #10111225;border:1px solid #e1e2e4;border-radius:10px;transform:rotate(-5deg);animation:slip-float 8.5s ease-in-out infinite;display:grid;grid-template-columns:27px 1fr;gap:10px}.inquiry-icon{display:block;width:25px;color:#101112}.inquiry-icon svg{display:block}.inquiry-slip b{font-size:12px;display:block}.inquiry-slip p{font-size:11px;line-height:1.6}.inquiry-slip>p{grid-column:1/-1;font-size:13px;color:#555861}.slip-line{height:1px;background:#eee;grid-column:1/-1}.example-label{position:absolute;left:1%;top:140px;font-size:11px;color:#73757e;transform:rotate(-5deg)}
@keyframes laptop-float{0%,100%{transform:perspective(1300px) rotateY(-3deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1300px) rotateY(1deg) rotateX(0deg) translateY(-9px)}}@keyframes phone-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-20px)}}@keyframes slip-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}
/* Work gallery */
.work{padding-top:80px;padding-bottom:0}.work-head{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end;margin-bottom:49px}.work-head h2{font-size:clamp(55px,5.6vw,81px)}.work-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:3px}.work-meta p{font-size:17px;line-height:1.4;color:#292b30}.work-meta small{display:block;color:#777a81;font-size:12px;line-height:1.4;margin-top:12px}.rail-controls{display:flex;gap:8px;flex-shrink:0}.circle-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #b8bac0;background:white;border-radius:50%;transition:background .2s}.circle-button:last-child{background:var(--accent);border-color:var(--accent)}.circle-button:disabled{opacity:.35}.circle-button:not(:disabled):hover{background:var(--ink);border-color:var(--ink);color:white}.circle-button:first-child .arrow{transform:rotate(180deg)}.portfolio-rail{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 12px}.portfolio-rail::-webkit-scrollbar{display:none}.project{flex:0 0 calc((100% - 25px)/2);min-width:0;scroll-snap-align:start}.project-shot{display:block;background:#eff1f3;padding:20px;border-radius:9px;transition:background .3s}.project-shot:hover{background:#e1e3e8}.browser-bar{height:19px;display:flex;align-items:center;gap:4px;padding:0 9px;background:#fff;border-radius:5px 5px 0 0;border-bottom:1px solid #eee}.browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#999}.browser-bar i:nth-child(2){background:#d7d7d7}.browser-bar i:nth-child(3){background:#555}.project-shot img{aspect-ratio:1.44;object-fit:contain;object-position:top;background:white;border-radius:0 0 3px 3px;width:100%}.project-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 1px 0}.project-info h3{font-size:17px;font-weight:600;letter-spacing:-.035em}.project-info h3 span{font-family:var(--display);font-size:24px;font-weight:400;margin-right:8px}.project-info .text-link{font-size:12px;gap:12px;white-space:nowrap}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:67px;overflow:hidden;padding:24px 0;background:#fff}.marquee-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.marquee-track>div{display:flex;align-items:center;gap:45px;padding-right:45px;white-space:nowrap;font-size:14px;letter-spacing:.15em;color:#72737b}.marquee-track i{font-style:normal;font-size:25px;color:#151619;letter-spacing:0}@keyframes marquee{to{transform:translateX(-50%)}}
/* Dark services narrative */
.services{background:#111213;color:white;padding-top:116px;padding-bottom:120px}.services-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:90px;align-items:center;margin-bottom:70px}.services-heading p{font-size:19px;color:#c8c8ce;line-height:1.5}.services-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:center;min-height:540px}.service-tabs{border-top:1px solid #424447}.service-choice{border-bottom:1px solid #424447}.service-choice>button{border:0;background:none;display:flex;align-items:center;width:100%;gap:29px;text-align:left;padding:23px 0;color:#f5f5f7;font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.05em}.service-choice>button .arrow{margin-left:auto;width:17px}.number{font-size:13px;letter-spacing:0;color:#91939a;width:26px;flex-shrink:0}.service-choice.active>button,.service-choice.active .number{color:var(--accent)}.service-choice>button:hover{color:var(--accent)}.service-description{padding:0 25px 25px 55px}.service-description p{font-size:14px;line-height:1.6;color:#bcbec6}.service-description a{margin-top:14px;font-size:13px;color:white;gap:15px}.service-canvas{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.service-scene{width:100%;position:relative;animation:scene-arrive .6s cubic-bezier(.2,.7,.2,1)}[hidden]{display:none!important}.caption{position:absolute;bottom:-10px;left:0;width:100%;text-align:center;font-size:11px;letter-spacing:.01em;color:#9b9da7}.demo-window{transform:perspective(1000px) rotateY(-8deg) rotateZ(-4deg);border:7px solid #292b30;border-radius:8px;box-shadow:15px 30px 70px #0005;overflow:hidden}.demo-window img{width:100%;aspect-ratio:1.44;object-fit:contain;background:#fff}.demo-note{position:relative;background:var(--accent);color:var(--ink);width:65%;margin:-60px -15px 0 auto;padding:25px 30px;border-radius:8px;transform:rotate(3deg);box-shadow:0 15px 50px #0003}.demo-note b{display:block;font-family:var(--display);font-size:43px;line-height:1.05;font-weight:400;letter-spacing:-.04em;margin:8px 0 12px}.demo-note p{font-size:13px;color:#44473b;line-height:1.5}.demo-small{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em}.profile-demo{background:#fff;color:var(--ink);padding:37px 37px 22px;border-radius:13px;box-shadow:20px 20px 60px #0004;transform:rotate(-3deg);max-width:470px;margin:auto}.profile-demo h3{font-family:var(--display);font-weight:400;line-height:1.02;font-size:44px;margin:20px 0 15px}.profile-demo>p{font-size:13px;margin-bottom:27px;line-height:1.5}.demo-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e4e7;gap:10px;font-size:13px;padding:15px 0;line-height:1.5}.tick{width:23px;height:23px;background:var(--accent);color:var(--ink);display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0}.lead-call{background:var(--accent);font-size:13px;line-height:1.4;padding:14px;display:flex;align-items:center;gap:20px;justify-content:space-between;margin:10px 0}.message-demo{position:relative;background:#fff;color:var(--ink);border:8px solid #3c3e43;outline:2px solid #8c9094;border-radius:43px;width:300px;height:515px;margin:5px auto 25px;box-shadow:15px 15px 0 #181a1c,30px 25px 50px #0007;transform:rotate(6deg);padding:17px 16px}.message-demo .phone-camera{top:9px;width:35%;height:17px}.message-top{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px -16px 0;padding:15px 0;border-bottom:1px solid #ececf0;font-size:11px;line-height:1.1}.message-avatar{display:grid;place-items:center;width:34px;height:34px;background:#b6b7bc;color:#fff;border-radius:50%;font-size:18px}.bubble{margin-top:23px;padding:17px;background:#eeeef0;color:#202126;border-radius:13px;font-size:19px;line-height:1.45;letter-spacing:-.03em}.bubble-link{display:flex;align-items:center;justify-content:space-between;background:var(--accent);padding:9px 12px;font-size:14px;line-height:1.3;border-radius:9px;margin-top:15px;text-decoration:underline;gap:7px}.bubble-link .arrow{width:15px}.message-fine{font-size:10px;color:#737680;margin-top:15px;line-height:1.6}.message-bottom{position:absolute;width:40%;height:4px;border-radius:4px;background:#101112;bottom:12px;left:30%}@keyframes scene-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
/* Offer and ownership */
.pricing{background:var(--accent);padding:95px 0 55px;color:var(--ink)}.pricing-top{display:grid;grid-template-columns:1.45fr 1fr;gap:70px;align-items:center}.pricing :is(h1,h2){font-size:clamp(67px,7.1vw,104px)}.price-value{font-family:'Barlow Condensed',Impact,sans-serif;font-size:190px;line-height:.9;font-weight:800;letter-spacing:-.045em;white-space:nowrap;display:flex;align-items:baseline;gap:6px}.price-value small{font-size:48px;letter-spacing:-.035em}.price-setup{font-size:28px;line-height:1.3;font-weight:700;letter-spacing:-.035em;color:var(--ink);margin:17px 0 10px}.price-terms{font-size:14px;color:#272922}.included{border-top:1px solid #10111280;margin-top:48px;padding-top:30px;text-align:center}.included ul{display:flex;list-style:none;justify-content:space-between;gap:20px;margin:0 0 36px;padding:0}.included li{font-size:16px;font-weight:700;display:flex;align-items:center;gap:9px}.included li:before{content:'✓';font-size:17px}.included .button{background:var(--ink);color:#fff;min-width:242px}.included .button:hover{background:#313335}.pricing-note{max-width:780px;text-align:center;margin:25px auto 0;font-size:12px;color:#383d20}.pricing-note a{text-decoration:underline}.ownership h2{font-size:82px;margin-bottom:48px}.ownership-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ownership-row{border-left:1px solid #bfc1c7;padding:5px 0 5px 25px}.ownership-row:first-child{border-left:0;padding-left:0}.ownership-row h3{font-size:20px;margin-bottom:17px}.ownership-row p{font-size:14px;line-height:1.7}.ownership-row p a{text-decoration:underline}.faq{padding-top:45px;border-top:1px solid #f2f2f3}.faq-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:70px}.faq h2{font-size:102px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:16px;font-weight:600;line-height:1.4;padding:23px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:27px/1 var(--body);font-weight:400;flex-shrink:0}details[open]>summary:after{content:'−'}details>p{font-size:14px;padding:0 30px 25px 0;line-height:1.8}details>p a{text-decoration:underline}
/* Signup and footer */
.signup{background:#101112;color:white;padding:100px 0 75px}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.signup-copy :is(h1,h2){font-size:96px;line-height:1.02}.signup-copy :is(h1,h2) em{color:var(--accent)}.signup-copy>p{font-size:18px;line-height:1.6;color:#d2d3d8;max-width:390px;margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 16px}.field{font-size:13px;font-weight:500;line-height:1.4;display:flex;flex-direction:column;gap:7px;min-width:0}.field-full,.form-more{grid-column:1/-1}.field input,.field select,.field textarea{display:block;width:100%;background:#fff;border:1px solid #d9dadd;border-radius:5px;color:var(--ink);padding:14px 13px;font-size:16px;line-height:1.4;min-height:51px}.field input::placeholder,.field textarea::placeholder{color:#8b8f98}.field textarea{min-height:100px;resize:vertical}.form-more{margin:3px 0;border-color:#4a4c52;border-top:1px solid #4a4c52}.form-more summary{font-size:13px;font-weight:400;padding:17px 0;gap:8px}.form-more summary span{margin-right:auto}.form-more .form-grid{padding-bottom:20px}.optin{display:grid;grid-template-columns:19px 1fr;gap:11px;margin-top:24px;align-items:start}.optin input{width:18px;height:18px;margin:4px 0 0;accent-color:var(--accent);cursor:pointer}.optin label{font-size:13px;line-height:1.6;color:#c8cad0;cursor:pointer}.optin label strong{display:block;font-size:13px;line-height:1.5;color:#fff;font-weight:600;margin-bottom:4px}.optin a,.consent-note a{text-decoration:underline}.consent-note{font-size:12px;color:#9fa2ac;margin-top:13px;line-height:1.6}.signup form>.button{width:100%;margin-top:25px}.preview-notice{font-size:12px!important;color:#acafb7!important;line-height:1.6!important;margin-top:13px}.form-status{font-size:14px;line-height:1.5;margin-top:14px;color:white}.form-status:empty{display:none}.form-status[data-error=true]{color:#ffb1b1}.hp{display:none!important}.footer{background:#101112;color:#fff;padding:25px 0 0}.footer-top{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3f4146;padding:38px 0 28px}.footer-top>a:last-child{display:flex;align-items:center;gap:20px;font-size:16px}.footer-links nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#c4c6cd}.footer-links a:hover{text-decoration:underline}.footer-legal{font-size:11px;color:#92959f;margin:25px 0 0}.footer-word{font-size:clamp(95px,17.65vw,255px);font-weight:800;line-height:1.25;letter-spacing:-.077em;display:block;margin-left:-.02em;margin-top:20px;white-space:nowrap}.footer-word span{color:var(--accent)}.motion-toggle{position:fixed;left:16px;bottom:15px;z-index:40;display:flex;align-items:center;gap:5px;background:#ffffffee;border:1px solid #d1d2d7;color:#101112;box-shadow:0 3px 15px #1011120d;font-size:10px;line-height:1.1;padding:7px 12px 7px 8px;border-radius:22px;min-height:33px;backdrop-filter:blur(10px)}.motion-toggle svg{width:17px;height:17px}
/* Supporting pages */
.inner-hero{padding:100px 0 65px}.inner-hero h1{font-size:clamp(65px,7vw,103px);max-width:1040px}.inner-hero p{font-size:19px;line-height:1.6;max-width:710px;margin-top:28px}.inner-hero .button{margin-top:29px}.back{display:inline-block;font-size:13px;border-bottom:1px solid currentColor;margin-bottom:26px}.inner-split{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.inner-split h1{font-size:76px}.inner-split img{border-radius:12px;aspect-ratio:1.05;object-fit:cover}.prose{max-width:820px;width:90%;margin:0 auto;padding-bottom:95px}.prose h2{font-size:43px;margin:43px 0 18px;line-height:1.05;letter-spacing:-.03em}.prose h3{margin:25px 0 10px}.prose p,.prose li{font-size:16px;line-height:1.9;color:#50525a}.prose p{margin-bottom:16px}.prose ul{padding-left:22px}.prose a{text-decoration:underline}.prose strong{color:#191a1d}.service-details{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 75px}.service-details article{border-top:1px solid var(--line);padding-top:25px}.service-details h3{font-size:24px;margin-bottom:16px}.service-details p{font-size:16px}.simple-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 65px;padding-bottom:80px}.simple-grid>a{border-top:1px solid var(--line);padding:29px 0}.simple-grid h3{font-size:27px;margin-bottom:14px}.simple-grid p{font-size:16px}.simple-grid>a:hover h3{text-decoration:underline}.thanks{min-height:65vh}
/* Motion is optional and pauses outside the viewport. */
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.js .hero h1 span{animation:line-arrive .85s cubic-bezier(.16,1,.3,1) both}.js .hero h1 em{animation:line-arrive 1s .08s cubic-bezier(.16,1,.3,1) both}.js .hero-copy>p,.js .hero-actions{animation:line-arrive .9s .18s cubic-bezier(.16,1,.3,1) both}@keyframes line-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.motion-paused *,.offscreen *{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused{scroll-behavior:auto}
@media(min-width:1700px){.hero-stage,.hero-art{height:615px}.hero h1{font-size:128px}}
@media(max-width:1150px){.nav{margin-left:0;gap:25px}.hero h1{font-size:96px}.hero-stage,.hero-art{height:490px}.laptop{width:78%;left:11%}.hero-phone{width:22%;top:65px}.inquiry-slip{top:145px}.example-label{top:105px}.work-head{gap:35px;grid-template-columns:1.5fr 1fr}.work-head h2{font-size:65px}.work-meta{align-items:flex-end}.work-meta p{font-size:15px}.circle-button{width:42px;height:42px}.services-heading{gap:40px}.services-grid{gap:6%}.service-choice>button{font-size:23px}.price-value{font-size:155px}.price-value small{font-size:38px}.pricing-top{gap:35px}.pricing :is(h1,h2){font-size:80px}.signup-grid{gap:50px}.signup-copy :is(h1,h2){font-size:80px}.inner-split{gap:40px}.inner-split h1{font-size:65px}}
@media(max-width:900px){.section{padding:80px 0}.header-cta{padding:13px 18px;font-size:12px}.logo{font-size:29px}.nav{gap:20px}.hero h1{font-size:82px}.hero-copy>p:not(.hero-offer){font-size:16px}.hero-stage,.hero-art{height:430px}.hero-phone{width:22%;border-radius:27px;top:49px}.hero-phone img{border-radius:19px}.laptop-screen{border-radius:18px 18px 0 0;padding:18px 11px 11px}.inquiry-slip{width:25%;padding:16px 13px;top:130px;grid-template-columns:20px 1fr;gap:7px}.inquiry-icon{width:18px}.inquiry-slip b{font-size:9px}.inquiry-slip p{font-size:9px}.inquiry-slip>p{font-size:10px}.example-label{font-size:10px;top:94px}.work-head{grid-template-columns:1fr;margin-bottom:35px;gap:24px}.work-head h2{font-size:75px}.work-meta{align-items:center}.work-meta p br{display:none}.work-meta small{margin-top:5px}.project-shot{padding:12px}.project-info h3{font-size:14px}.project-info .text-link{font-size:11px;gap:6px}.services-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.services-heading p br{display:none}.services-grid{gap:6%;grid-template-columns:1fr 1fr;min-height:510px}.service-choice>button{gap:13px;font-size:21px;padding:22px 0}.number{width:18px}.service-description{padding-left:31px}.service-description p{font-size:13px}.service-description a{font-size:11px}.service-canvas{min-height:490px}.message-demo{width:265px;height:480px}.bubble{font-size:17px;padding:13px}.bubble-link{font-size:12px;padding:9px}.profile-demo{padding:25px 22px}.profile-demo h3{font-size:36px}.demo-note{width:90%;padding:23px;margin-top:-20px}.demo-note b{font-size:38px}.demo-line{font-size:12px}.pricing{padding:80px 0 48px}.pricing-top{grid-template-columns:1.2fr 1fr;gap:30px}.pricing :is(h1,h2){font-size:64px}.price-value{font-size:140px}.price-value small{font-size:32px}.price-terms{font-size:12px}.price-setup{font-size:25px}.included ul{gap:15px;flex-wrap:wrap;justify-content:center}.included li{font-size:14px}.ownership h2{font-size:75px}.ownership-rows{gap:22px}.ownership-row{padding-left:20px}.ownership-row h3{font-size:17px}.ownership-row p{font-size:13px}.faq-grid{gap:50px}.faq h2{font-size:80px}summary{font-size:14px}.signup-grid{gap:40px}.signup-copy :is(h1,h2){font-size:70px}.signup-copy>p{font-size:16px}.form-grid{grid-template-columns:1fr;gap:17px}.footer-top>a:last-child{font-size:14px}.inner-split{display:block}.inner-split img{margin-top:45px;max-height:440px;width:100%;aspect-ratio:1.7}.inner-hero h1{font-size:76px}.simple-grid{gap:0 35px}}
@media(max-width:650px){.wrap{width:calc(100% - 44px)}.section{padding:63px 0}.site-header{height:77px}.logo{font-size:28px}.header-cta{margin-left:auto;margin-right:18px;min-height:40px;padding:11px 13px;font-size:10px;border-radius:5px}.nav{display:none;position:absolute;top:77px;left:0;width:100%;background:#fff;flex-direction:column;gap:0;margin:0;padding:13px 23px 22px;border-bottom:1px solid var(--line);box-shadow:0 15px 22px #1011120a}.nav.open{display:flex}.nav a{display:block;padding:15px 0;font-size:20px}.nav a:after{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;padding:5px;background:none;border:0;width:36px;height:44px}.menu-toggle span{display:block;background:#111;width:22px;height:1.5px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.hero{padding-top:25px}.hero h1{font-size:clamp(48px,11.4vw,72px);line-height:.94;letter-spacing:-.042em;margin:5px -6px 19px}.hero h1 em{padding-bottom:4px}.hero-copy>p:not(.hero-offer){font-size:13px;line-height:1.65;max-width:360px;margin:auto}.hero-copy>p br{display:none}.hero-actions{gap:19px;margin:22px 0 13px}.hero-actions .button{font-size:12px;padding:13px 17px;min-height:49px;gap:13px}.hero-actions .text-link{font-size:12px;gap:8px}.hero-actions .arrow{width:16px;height:16px}.hero-offer{font-size:10px;white-space:nowrap;margin-top:10px!important}.hero-stage{margin-top:23px;height:285px}.hero-art{width:100%;height:285px}.laptop{width:88%;left:1%;top:27px}.laptop-screen{border-width:2px;padding:13px 6px 6px;border-radius:11px 11px 0 0;aspect-ratio:1.55}.camera{top:4px;width:4px;height:4px;border-width:1px}.laptop-base{height:9px;margin:0 -4%}.laptop-base:before{height:3px}.hero-phone{right:-4px;top:61px;width:26%;padding:6px 3px 3px;border-width:2px;border-radius:19px;box-shadow:2px 2px 0 #3b3d40,8px 12px 20px #10111224;aspect-ratio:.475}.hero-phone img{border-radius:12px}.hero-phone .phone-camera{top:5px;height:6px}.inquiry-slip{left:-4px;top:154px;width:43%;padding:10px 9px 9px;border-radius:6px;grid-template-columns:16px 1fr;gap:5px;box-shadow:0 10px 25px #10111222}.inquiry-icon{width:16px}.inquiry-slip b{font-size:8px}.inquiry-slip p{font-size:7px}.inquiry-slip>p{font-size:8px;line-height:1.45}.example-label{font-size:8px;left:1%;top:8px;transform:none}.work{padding-top:25px;padding-bottom:0}.work-head{gap:23px;margin-bottom:27px}.work-head h2{font-size:49px;line-height:1.03}.work-meta p{font-size:14px}.work-meta small{font-size:10px}.circle-button{width:42px;height:42px}.rail-controls{gap:6px}.portfolio-rail{gap:16px;margin-right:-22px;padding-right:22px}.project{flex-basis:92%}.project-shot{padding:12px;border-radius:6px}.project-info{padding-top:16px}.project-info h3{font-size:13px}.project-info h3 span{font-size:21px;margin-right:4px}.project-info .text-link{font-size:10px}.project-info .arrow{width:17px}.marquee{margin-top:39px;padding:19px 0}.marquee-track>div{font-size:11px;gap:27px;padding-right:27px}.marquee-track i{font-size:19px}.services{padding:65px 0 75px}.services-heading h2{font-size:53px}.services-heading p{font-size:15px;line-height:1.6}.services-heading{gap:20px;margin-bottom:33px}.services-grid{display:flex;flex-direction:column;gap:37px}.service-tabs{width:100%}.service-choice>button{font-size:22px;padding:19px 0;gap:18px}.service-description{padding-left:37px;padding-bottom:22px}.service-description p{font-size:13px}.service-description a{font-size:12px}.service-canvas{width:100%;min-height:480px;padding:0 6px}.service-scene{max-width:420px}.demo-window{transform:rotate(-4deg)}.demo-note{width:70%;margin-top:-25px;margin-right:-4px;padding:23px}.demo-note b{font-size:36px}.demo-note p{font-size:12px}.profile-demo{padding:30px 25px}.profile-demo h3{font-size:43px}.demo-line{font-size:13px}.message-demo{width:265px;height:480px}.caption{bottom:-7px;font-size:10px}.pricing{padding:62px 0 40px}.pricing-top{display:block}.pricing :is(h1,h2){font-size:63px;margin-bottom:36px}.price-value{font-size:164px;line-height:.9;gap:10px}.price-value small{font-size:37px}.price-setup{font-size:27px;margin:18px 0 7px}.price-terms{font-size:13px}.included{margin-top:30px;padding-top:25px}.included ul{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:17px 15px;margin-bottom:29px}.included li{font-size:12px;gap:6px}.included li:before{font-size:14px}.included .button{width:100%;font-size:14px}.pricing-note{font-size:11px;line-height:1.7;margin-top:19px}.ownership h2{font-size:65px;margin-bottom:30px}.ownership-rows{display:block}.ownership-row,.ownership-row:first-child{border:0;border-top:1px solid var(--line);padding:21px 0}.ownership-row h3{font-size:18px;margin-bottom:12px}.ownership-row p{font-size:14px}.faq{padding-top:22px}.faq-grid{display:block}.faq h2{font-size:68px;margin-bottom:30px}.faq h2 br{display:none}.faq h2 em{margin-left:12px}summary{font-size:15px;padding:20px 0}details>p{font-size:14px;padding-right:10px}.signup{padding-top:60px;padding-bottom:35px}.signup-grid{display:block}.signup-copy :is(h1,h2){font-size:71px;line-height:.98}.signup-copy>p{font-size:16px;max-width:320px;margin-top:25px}.signup-copy{margin-bottom:35px}.form-grid{grid-template-columns:1fr;gap:18px}.field{font-size:13px}.field input,.field select{min-height:51px}.optin label,.optin label strong{font-size:13px}.consent-note{font-size:12px}.footer{padding-top:15px}.footer-top{display:block;padding:28px 0}.footer-top>a:last-child{margin-top:22px;font-size:15px}.footer-links nav{gap:15px 19px;font-size:12px}.footer-legal{font-size:11px;line-height:1.7;margin-top:23px}.footer-word{font-size:19.3vw;letter-spacing:-.082em;margin-top:16px;padding-bottom:33px}.motion-toggle{bottom:12px;left:12px;font-size:9px;min-height:30px;padding:5px 10px 5px 6px}.inner-hero{padding:62px 0 45px}.inner-hero h1,.inner-split h1{font-size:62px}.inner-hero p{font-size:17px;margin-top:23px}.inner-hero .button{margin-top:23px;font-size:14px}.inner-split img{margin-top:30px}.service-details{display:block}.service-details article{margin-top:28px;padding-top:24px}.service-details h3{font-size:24px}.service-details p{font-size:16px}.prose{padding-bottom:55px;width:calc(100% - 44px)}.prose h2{font-size:37px;line-height:1.1}.prose p,.prose li{font-size:16px;line-height:1.8}.simple-grid{display:block;padding-bottom:50px}.simple-grid>a{display:block;padding:24px 0}.simple-grid h3{font-size:24px}.simple-grid p{font-size:16px}}
@media(max-width:360px){.wrap{width:calc(100% - 36px)}.header-cta{margin-right:9px;padding:10px;font-size:9px}.logo{font-size:25px}.hero h1{font-size:43px}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding:13px 14px}.hero-actions .text-link{font-size:11px}.work-head h2{font-size:45px}.hero-stage,.hero-art{height:260px}.inquiry-slip{top:140px}.signup-copy :is(h1,h2){font-size:62px}.price-value{font-size:148px}.price-value small{font-size:32px}.work-meta p{font-size:12px}.work-meta small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Final composition: the complete device group sits beneath the first action. */
@media(min-width:901px){.site-header{height:80px}.hero{padding-top:0}.hero h1{margin-top:5px}.hero-stage{margin-top:18px}.laptop{width:70%;left:17%}.hero-offer{margin-top:10px!important}}
@media(min-width:1151px){.hero-stage,.hero-art{height:535px}}
@media(prefers-reduced-motion:no-preference){.message-demo{animation:service-phone 8s ease-in-out infinite}.demo-window{animation:service-browser 10s ease-in-out infinite}}
@keyframes service-phone{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}
@keyframes service-browser{0%,100%{transform:perspective(1000px) rotateY(-8deg) rotateZ(-4deg)}50%{transform:perspective(1000px) rotateY(-3deg) rotateZ(-2deg) translateY(-8px)}}
/* Keep the full monthly price visible in narrower offer columns. */
.price-value{letter-spacing:-.015em}
@media(min-width:651px) and (max-width:900px){.price-value{font-size:clamp(100px,15vw,135px)}.price-value small{font-size:27px}}
@media(max-width:650px){.price-value{font-size:clamp(130px,34vw,154px);gap:8px}.price-value small{font-size:29px}}
@media(min-width:901px){.inquiry-slip{width:22%}}
@media(min-width:901px){
.hero h1{font-size:clamp(96px,9.4vw,136px);letter-spacing:-.045em}
.work-head h2{font-size:clamp(68px,7.3vw,105px);letter-spacing:-.035em}
.services-heading h2{font-size:clamp(75px,7.65vw,111px);letter-spacing:-.035em}
.signup-copy :is(h1,h2){font-size:clamp(80px,8.4vw,122px);letter-spacing:-.035em}
.pricing :is(h1,h2){font-size:clamp(80px,8.3vw,120px);letter-spacing:-.035em}
}