:root{--ink:#101014;--paper:#f1eee8;--acid:#d2ff3c;--violet:#6f5cff;--pink:#ff6db5;--line:rgba(16,16,20,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{pointer-events:none;position:fixed;inset:0;opacity:.045;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{height:78px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:2;color:#fff}.brand{font-weight:800;font-size:20px;letter-spacing:-1px;color:inherit;text-decoration:none}.brand span{font-size:8px;vertical-align:top;margin-left:2px}.nav nav{display:flex;gap:28px}.nav nav a,.availability{font:11px 'DM Mono',monospace;color:inherit;text-decoration:none}.availability{border:1px solid rgba(255,255,255,.45);border-radius:30px;padding:10px 14px}.availability i{display:inline-block;width:7px;height:7px;background:var(--acid);border-radius:50%;margin-right:6px}.hero{height:740px;background:var(--ink);color:#fff;padding:142px 4.5vw 45px;position:relative;overflow:hidden}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.04em;margin:0 0 22px}.hero h1,.section-head h2,.approach h2,.contact h2{font-size:clamp(44px,6.7vw,100px);line-height:.93;letter-spacing:-.075em;margin:0;position:relative;z-index:1}.hero em,.section-head em,.approach em,.contact em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between;position:absolute;left:4.5vw;right:4.5vw;bottom:46px;z-index:1}.hero-bottom p{font-size:14px;line-height:1.55;width:320px;color:#d5d5d7;margin:0}.round-link{width:58px;height:58px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;text-decoration:none;font-size:25px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:470px;height:470px;right:8%;top:117px;background:radial-gradient(circle at 30% 30%,#d2ff3c 0 15%,#6f5cff 16% 48%,#27202e 49%)}.orb-two{width:180px;height:180px;right:38%;bottom:-90px;background:var(--pink)}.star{position:absolute;right:6vw;top:92px;color:var(--acid);font-size:47px}.intro-strip{background:var(--acid);padding:17px 4.5vw;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace}.work{padding:140px 4.5vw 70px}.section-head{max-width:950px;margin-bottom:110px}.case{position:relative;min-height:580px;border-top:1px solid var(--line);padding:32px 0 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:center}.case-number{font:11px 'DM Mono',monospace;position:absolute;top:32px;right:0}.case-copy h3{font-size:42px;letter-spacing:-.06em;margin:10px 0}.case-copy>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:390px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:26px 0}.tags span{font:10px 'DM Mono',monospace;border:1px solid var(--line);border-radius:50px;padding:7px 10px}.case-copy>a,.contact>a{font-size:13px;font-weight:800;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px}.case-copy i,.contact i{font-style:normal;font-size:17px;margin-left:10px}.device{box-shadow:0 24px 70px rgba(0,0,0,.2);overflow:hidden}.web-device{height:350px;border:8px solid #15151a;border-radius:18px;background:#073b35}.browser{height:29px;background:#1b1b20;color:#c3c3c7;padding:9px;font:7px 'DM Mono',monospace}.browser b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4c4c52;margin-right:4px}.browser span{margin-left:44%}.wava-ui{height:313px;padding:36px;color:white;background:linear-gradient(130deg,#073b35 62%,#008f82 62%)}.wava-ui small{font:9px 'DM Mono',monospace;color:#b8f5d8}.wava-ui strong{display:block;font-size:38px;line-height:.96;letter-spacing:-.06em;margin-top:19px}.score{margin-top:38px;border-radius:12px;background:#fff;color:#083630;padding:15px;display:flex;justify-content:space-between;font-size:9px;align-items:center}.score b{font-size:18px}.qf-device{height:345px;border-radius:12px;background:#fff;border:1px solid #ddd;padding:24px;color:#154b45}.qf-top{display:flex;justify-content:space-between;font:9px 'DM Mono',monospace}.qf-top b{font:17px Manrope,sans-serif}.qf-search{margin-top:34px;background:#e8f0ed;border-radius:11px;padding:22px}.qf-search small{font:9px 'DM Mono',monospace}.qf-search strong{display:block;font-size:26px;line-height:1.05;letter-spacing:-.05em;margin:10px 0}.qf-search button{background:#0f5c51;color:#fff;border:0;padding:9px 13px;border-radius:20px;font:9px 'DM Mono',monospace}.qf-cards{display:flex;gap:10px;margin-top:20px}.qf-cards i{height:62px;flex:1;border-radius:8px;background:linear-gradient(145deg,#bbd6c9,#56856e)}.qf-cards i:nth-child(2){background:linear-gradient(145deg,#d7b99a,#775742)}.qf-cards i:nth-child(3){background:linear-gradient(145deg,#cddbe0,#597580)}.phone-device{width:240px;height:450px;margin:auto;border:8px solid #15151a;border-radius:34px;background:#241653;color:#fff;position:relative}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:17px;width:86px;background:#15151a;border-radius:12px;z-index:2}.qnl-ui{height:100%;padding:50px 22px 18px;background:linear-gradient(160deg,#20124a,#5533aa 55%,#1c1140)}.qnl-ui small{font:9px 'DM Mono',monospace;color:#d0baff}.qnl-ui h4{font-size:26px;line-height:1;letter-spacing:-.06em;margin:24px 0}.planet{height:165px;position:relative}.planet:before{content:'';position:absolute;width:119px;height:119px;left:38px;top:16px;border-radius:50%;background:#f5a6ff;box-shadow:inset -20px -10px #be72f0}.planet:after{content:'';position:absolute;width:154px;height:47px;left:18px;top:57px;border:5px solid var(--acid);border-radius:50%;transform:rotate(-18deg)}.planet i{position:absolute;width:7px;height:7px;background:#fff;border-radius:50%;z-index:1}.planet i:nth-child(1){left:5px;top:36px}.planet i:nth-child(2){right:17px;top:10px}.planet i:nth-child(3){right:1px;bottom:20px}.library-row{display:flex;gap:8px}.library-row b{height:70px;flex:1;border-radius:8px;background:#ff6db5}.library-row b:nth-child(2){background:var(--acid)}.library-row b:nth-child(3){background:#9fb7ff}.approach{margin:80px 4.5vw;background:#1b1b20;color:#fff;padding:80px 7%;min-height:560px}.approach>div:nth-of-type(1){display:grid;grid-template-columns:1.3fr .7fr;gap:9vw;align-items:end}.approach h2{font-size:clamp(40px,5.5vw,78px)}.approach>div p{color:#c6c4cc;font-size:15px;line-height:1.65}.steps{margin-top:80px;border-top:1px solid #48484f;padding-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font:11px 'DM Mono',monospace;color:#a8a7ad}.steps b{display:block;margin-top:8px;color:#fff;font:600 15px Manrope,sans-serif}.contact{padding:140px 4.5vw;background:var(--pink);min-height:600px;position:relative}.contact h2{max-width:900px}.contact>a{display:inline-block;margin-top:55px;font-size:17px}.contact-note{position:absolute;right:4.5vw;bottom:42px;width:260px;font:10px/1.5 'DM Mono',monospace}footer{background:var(--ink);color:#fff;padding:24px 4.5vw;display:flex;justify-content:space-between;font:10px 'DM Mono',monospace}@media(max-width:760px){.nav{padding:0 20px}.nav nav{display:none}.availability{font-size:9px}.hero{height:680px;padding:135px 20px 30px}.hero-bottom{left:20px;right:20px}.hero-bottom p{width:245px;font-size:12px}.orb-one{width:280px;height:280px;right:-50px;top:250px}.orb-two{right:48%;width:100px;height:100px}.intro-strip{padding:14px 20px;gap:14px;overflow:hidden;white-space:nowrap}.intro-strip span:nth-child(n+3){display:none}.work{padding:85px 20px 30px}.section-head{margin-bottom:65px}.case{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:26px 0 55px}.case-number{top:26px}.case .device{order:2}.case-copy{order:1;padding-right:30px}.case-copy h3{font-size:35px}.wava-ui strong{font-size:30px}.web-device{height:285px}.wava-ui{height:248px}.qf-device{height:310px}.approach{margin:45px 20px;padding:55px 27px}.approach>div:nth-of-type(1){display:block}.approach>div p{margin-top:35px}.steps{grid-template-columns:1fr 1fr;gap:26px;margin-top:55px}.contact{padding:85px 20px;min-height:540px}.contact-note{position:static;width:auto;margin-top:70px}.contact h2{font-size:55px}footer{padding:20px;gap:12px;font-size:8px}}
