:root { --ink:#061f32; --teal:#059b9a; --aqua:#4bd1c5; --gold:#f5b62d; --red:#cf2441; --green:#168256; --paper:#f4f8f7; --line:rgba(6,31,50,.15); --display:"Manrope",sans-serif; --body:"DM Sans",sans-serif; }
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;max-width:100%;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;width:100%;max-width:100%;min-width:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none;touch-action:manipulation}img{display:block;max-width:100%;height:auto}main,header,footer,section,article,nav,div{min-width:0}p,h1,h2,h3,a,span{overflow-wrap:break-word}em{font-style:normal;color:var(--teal)}::selection{background:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.025;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'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
header{position:fixed;z-index:30;left:50%;top:18px;transform:translateX(-50%);width:min(1240px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:11px 14px 11px 18px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(244,248,247,.8);backdrop-filter:blur(18px);box-shadow:0 14px 46px rgba(0,40,60,.08)}
.studio{font:800 .92rem/1 var(--display);text-transform:uppercase;letter-spacing:.08em}.studio span{color:var(--teal)}nav{display:flex;align-items:center;gap:8px}nav a{padding:9px 12px;font-size:.78rem;font-weight:700}nav .live{background:var(--ink);color:white;border-radius:11px}
.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.kicker,.index{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.kicker{color:var(--teal)}.index{color:#78909a}
.hero{width:min(1340px,calc(100% - 32px));margin:auto;padding:170px clamp(8px,4vw,60px) 90px}.hero h1{margin:24px 0 50px;font:500 clamp(3.8rem,9vw,9.3rem)/.88 var(--display);letter-spacing:-.075em}.hero-bottom{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:65px}.hero-bottom>p{max-width:640px;margin:0;color:#4f6874;font-size:1.08rem}.hero-bottom>div{display:flex;flex-direction:column;text-align:right}.hero-bottom strong{font:800 2rem/1 var(--display)}.hero-bottom span{color:#6f868f;font-size:.72rem}.hero-canvas{min-height:700px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:36px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(75,209,197,.32),transparent 27%),linear-gradient(150deg,#042c46,#075e72);box-shadow:0 45px 100px rgba(0,45,70,.2)}.hero-canvas:before{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 28s linear infinite}.hero-canvas img{position:relative;width:min(52vw,500px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.25));z-index:2;animation:float 6s ease-in-out infinite}.wordmark{position:relative;z-index:2;color:white;font:800 clamp(2.3rem,6vw,5.6rem)/1 var(--display);letter-spacing:.12em}.submark{position:relative;z-index:2;margin-top:12px;color:var(--aqua);font-weight:700;letter-spacing:.28em;text-transform:uppercase}.sun{position:absolute;top:10%;width:250px;height:250px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 35px rgba(245,182,45,.08),0 0 0 70px rgba(245,182,45,.04)}.flag{position:absolute;height:5px;width:45%;border-radius:999px;transform:rotate(-8deg)}.flag-one{background:var(--red);left:-5%;top:25%}.flag-two{background:white;right:-4%;top:34%;transform:rotate(10deg)}.flag-three{background:var(--green);left:8%;bottom:17%;transform:rotate(6deg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-13px)}}
.intro{padding:170px 0;display:grid;grid-template-columns:.38fr 1fr .8fr;gap:55px}.intro h2,.identity h2,.palette h2,.experience h2,.finale h2{margin:0;font:500 clamp(2.8rem,5.8vw,6rem)/1 var(--display);letter-spacing:-.06em}.copy{color:#546e79}.copy p:first-child{margin-top:0}
.identity{padding:150px 0;background:var(--ink);color:white}.identity-head{display:grid;grid-template-columns:.38fr 1.8fr;gap:55px}.identity .index{color:rgba(255,255,255,.45)}.identity h2 em{color:var(--aqua)}.comparison{--split:50%;position:relative;width:min(1100px,calc(100% - 32px));height:min(72vw,760px);margin:80px auto 0;overflow:hidden;border-radius:32px;background:white}.comparison-before,.comparison-after{position:absolute;inset:0;display:grid;place-items:center}.comparison-before{background:#eef3f3}.comparison-after{clip-path:inset(0 0 0 var(--split));background:linear-gradient(145deg,#073650,#087077)}.comparison img{width:min(76%,650px);height:80%;object-fit:contain}.comparison-after img{width:min(52%,520px);filter:drop-shadow(0 26px 45px rgba(0,0,0,.22))}.comparison span{position:absolute;left:24px;bottom:20px;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.68);color:white;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.comparison-after span{left:auto;right:24px}.comparison-handle{position:absolute;z-index:4;left:var(--split);top:0;bottom:0;width:2px;background:white;pointer-events:none}.comparison-handle i{position:absolute;top:50%;left:50%;width:52px;height:52px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:white;color:var(--ink);box-shadow:0 8px 25px rgba(0,0,0,.2);font-style:normal}.comparison input{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.identity-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}.identity-notes article{padding:30px;border-top:1px solid rgba(255,255,255,.2)}.identity-notes article>span{color:var(--gold);font-size:.7rem}.identity-notes h3{font:700 1.35rem/1.2 var(--display)}.identity-notes p{color:rgba(255,255,255,.56);font-size:.9rem}
.palette{padding:170px 0}.palette-top{display:grid;grid-template-columns:1.25fr .6fr;gap:70px;align-items:end;margin:40px 0 70px}.palette-top>p{color:#5a727d}.swatches{display:grid;grid-template-columns:repeat(6,1fr);height:390px;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(0,50,70,.12)}.swatches div{display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:var(--color);color:white;transition:flex .35s}.swatches div:hover{flex:1.8}.swatches b{font-size:.78rem}.swatches span{opacity:.65;font-size:.65rem}
.experience{padding:160px 0;background:linear-gradient(150deg,#e4f6f2,#f6faf9)}.experience-top{display:grid;grid-template-columns:.38fr 1fr .75fr;gap:55px;align-items:end}.experience-top>p{color:#5a727d}.browser{width:min(1220px,calc(100% - 32px));height:min(72vw,760px);margin:80px auto 0;border:10px solid #092b3e;border-radius:28px;overflow:hidden;background:white;box-shadow:0 50px 120px rgba(0,44,64,.22)}.browser-bar{height:47px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#092b3e;color:rgba(255,255,255,.45)}.browser-bar i{width:10px;height:10px;border-radius:50%;background:#e45a69}.browser-bar i:nth-child(2){background:var(--gold)}.browser-bar i:nth-child(3){background:var(--green)}.browser-bar span{margin-left:14px;font-size:.65rem}.browser iframe{width:100%;height:calc(100% - 47px);border:0}.browser-fallback{display:none}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:65px}.feature-strip article{padding:28px;border-top:1px solid var(--line)}.feature-strip b{color:var(--teal);font-size:.7rem}.feature-strip h3{font:700 1.2rem/1.2 var(--display)}.feature-strip p{color:#5b747e;font-size:.9rem}
.language{padding:170px 0}.word{margin:40px 0;font:800 clamp(5rem,17vw,14rem)/.8 var(--display);letter-spacing:-.08em;background:linear-gradient(90deg,var(--ink),var(--teal),var(--gold));background-clip:text;-webkit-background-clip:text;color:transparent}.language-grid{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:start}.language-grid h2{margin:0;font:700 clamp(2rem,4vw,3.8rem)/1 var(--display)}.language-grid p{margin:0;color:#55707b}
.deliverables{padding:80px 0 170px}.deliverable-list{margin-top:45px;border-top:1px solid var(--line)}.deliverable-list div{display:flex;justify-content:space-between;align-items:center;padding:25px 6px;border-bottom:1px solid var(--line);font:600 clamp(1rem,2.2vw,1.8rem)/1.25 var(--display)}.deliverable-list b{color:var(--teal);font-size:.72rem}
.finale{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--ink);color:white}.finale img{width:220px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25));margin-bottom:25px}.finale em{color:var(--aqua)}.finale a{margin-top:35px;padding:15px 22px;border-radius:14px;background:var(--gold);color:var(--ink);font-weight:800}
footer{display:flex;justify-content:space-between;gap:25px;padding:28px max(24px,calc((100vw - 1180px)/2));background:#021725;color:rgba(255,255,255,.48);font-size:.7rem}footer a{color:white}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.intro,.experience-top{grid-template-columns:1fr}.identity-head{grid-template-columns:1fr}.palette-top,.language-grid{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(3,1fr);height:600px}.identity-notes,.feature-strip{grid-template-columns:1fr}.comparison,.browser{height:720px}.hero-canvas{min-height:600px}}
@media(max-width:650px){header{top:10px;width:calc(100% - 20px)}header nav a:not(.live){display:none}.studio span{display:none}.hero{padding-top:130px}.hero h1{font-size:clamp(3.4rem,17vw,5.5rem)}.hero-bottom{grid-template-columns:1fr}.hero-bottom>div{text-align:left}.hero-canvas{min-height:520px}.hero-canvas img{width:76%}.wordmark{font-size:2.2rem}.submark{font-size:.64rem}.intro{padding:110px 0}.identity,.experience{padding:110px 0}.comparison{height:610px}.comparison-before img{width:95%;height:88%}.comparison-after img{width:84%}.palette{padding:110px 0}.swatches{grid-template-columns:repeat(2,1fr);height:720px}.browser{height:600px}.browser iframe{display:none}.browser-fallback{height:calc(100% - 47px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#063650,#087078);color:white}.browser-fallback img{width:210px}.browser-fallback strong{font:700 1.5rem/1 var(--display)}.browser-fallback a{margin-top:18px;color:var(--gold)}.language{padding:110px 0}.word{font-size:22vw}.deliverables{padding-bottom:110px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none;transition:none}}
@supports not (overflow:clip){html{overflow-x:hidden}}