:root{--bg:#070a0b;--panel:#0d1314;--ink:#f1f7f5;--muted:#98a7a4;--line:rgba(145,255,238,.14);--cyan:#43f5df;--teal:#0aa99b;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;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)'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;background:rgba(0,225,204,.06);filter:blur(80px);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}a{color:inherit;text-decoration:none}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:10;width:100%;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:inline-flex;align-items:center;gap:10px;font:700 20px var(--display);letter-spacing:-2px}.brand span{border:1px solid rgba(255,255,255,.35);padding:6px 7px}.brand i{width:22px;height:1px;background:var(--cyan)}.nav nav{display:flex;gap:34px}.nav nav a,.nav-cta{font-size:13px;letter-spacing:.05em}.nav nav a:hover{color:var(--cyan)}.nav-cta{padding:12px 0;border-bottom:1px solid var(--cyan)}.nav-cta b,.button b{color:var(--cyan);margin-left:9px}.menu{display:none;background:none;border:0;color:#fff;font-size:20px}.hero{min-height:100vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;padding:150px 6vw 80px;align-items:center;overflow:hidden}.hero:after{content:"HINA";position:absolute;right:-.02em;bottom:-.26em;font:700 30vw var(--display);letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(67,245,223,.06);z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(120px);background:#087c74;opacity:.15}.orb.one{width:600px;height:600px;left:-350px;top:15%}.hero-copy,.portrait{position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;letter-spacing:.2em;color:#a7b6b3;text-transform:uppercase}.eyebrow span{display:inline-block;width:30px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:12px}.hero h1,h2{font:500 clamp(48px,6vw,92px)/.99 var(--display);letter-spacing:-.065em;margin:28px 0}.hero h1 em,h2 em{font-style:normal;color:var(--cyan)}.hero h1 strong{font-weight:500;color:#aeb9b7}.intro{max-width:630px;color:#aab7b5;font-size:18px}.actions{display:flex;align-items:center;gap:40px;margin:40px 0 65px}.button{display:inline-flex;padding:17px 23px;border:1px solid var(--line);font-size:13px;letter-spacing:.04em}.button.primary{background:var(--ink);color:#07100f}.text-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:7px}.text-link span{color:var(--cyan);margin-left:8px}.proof{display:flex;gap:42px}.proof div{display:flex;flex-direction:column}.proof b{font:600 22px var(--display)}.proof span{font-size:11px;color:#778683;text-transform:uppercase;letter-spacing:.1em}.portrait{justify-self:end;width:min(45vw,660px);height:72vh;min-height:570px}.portrait:before{content:"";position:absolute;inset:7% -8% -5% 10%;border:1px solid rgba(67,245,223,.18);border-radius:50% 50% 20% 20%;transform:rotate(4deg)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.85) contrast(1.04);clip-path:polygon(10% 0,100% 0,100% 92%,78% 100%,0 88%,0 10%)}.vertical{position:absolute;right:-25px;top:20%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;color:#71817e}.float-card{position:absolute;left:-50px;bottom:9%;background:rgba(8,15,16,.87);backdrop-filter:blur(12px);border:1px solid var(--line);padding:17px 22px;display:flex;gap:12px;font-size:11px;line-height:1.45;color:#91a09e}.float-card i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan);margin-top:4px}.float-card b{color:#e5efed}.scroll{position:absolute;left:6vw;bottom:28px;font-size:9px;letter-spacing:.2em;color:#657572}.scroll span{margin-left:20px;color:var(--cyan)}section{padding:130px 7vw;position:relative}.philosophy{background:#e8efec;color:#101716;padding-bottom:70px}.philosophy .section-label{color:#667471}.philosophy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.philosophy h2{font-size:clamp(45px,5.6vw,82px)}.philosophy h2 em{color:#117f75}.philosophy-copy{padding-bottom:20px}.philosophy-copy p:first-child{font:500 25px/1.4 var(--display)}.philosophy-copy p{color:#52615e}.philosophy .text-link{border-color:#8b9895}.marquee{overflow:hidden;border-top:1px solid #c5cecb;margin:90px -7vw 0;padding:27px 0;white-space:nowrap}.marquee div{font:500 13px var(--display);letter-spacing:.25em;color:#7d8986;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.section-head h2{font-size:clamp(44px,5vw,72px);margin-bottom:0}.section-head>p{max-width:420px;color:var(--muted)}.mosaic{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.service{background:var(--panel);border:1px solid rgba(255,255,255,.07);min-height:380px;padding:35px;position:relative;overflow:hidden;transition:.4s}.service:hover{transform:translateY(-5px);border-color:rgba(67,245,223,.3)}.service.large{grid-row:span 2;min-height:776px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,#111b1b,#080b0c)}.service.wide{grid-column:span 2;min-height:310px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.service.glow{background:radial-gradient(circle at 90% 0,rgba(0,212,193,.18),transparent 45%),var(--panel)}.service>span{position:absolute;right:28px;top:25px;font-size:11px;color:#5f706d}.service-icon{font:400 54px var(--display);color:var(--cyan);margin-bottom:30px}.service.large .service-icon{font-size:100px}.service h3{font:500 31px var(--display);margin:0 0 15px}.service p{color:var(--muted);max-width:560px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.tags i{font-style:normal;border:1px solid rgba(255,255,255,.12);padding:6px 10px;font-size:10px;color:#9baba8;border-radius:30px}.service a{font-size:12px;color:var(--cyan);position:absolute;bottom:30px}.process{background:#0a1011}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.steps article{padding:30px 25px 40px;border-right:1px solid var(--line);transition:.4s}.steps article:hover{background:rgba(67,245,223,.04);transform:translateY(-8px)}.steps b{font-size:10px;color:var(--cyan)}.steps h3{font:500 23px var(--display);margin:50px 0 8px}.steps p{font-size:13px;color:#7f908d}.project-feature{display:grid;grid-template-columns:1.45fr .55fr;min-height:610px;background:var(--panel)}.project-art{padding:5vw;background:radial-gradient(circle at 35% 30%,#0ca698 0,transparent 33%),linear-gradient(145deg,#152525,#080b0b);display:grid;place-items:center}.browser-mock{width:90%;height:72%;background:#dae2df;border:8px solid #151c1d;border-radius:8px;box-shadow:0 25px 80px #000;padding:14px;transform:rotate(-3deg);color:#101716}.browser-mock>span{display:inline-block;width:7px;height:7px;background:#85918e;border-radius:50%;margin-right:4px}.mock-copy{font:700 clamp(35px,5vw,74px)/.85 var(--display);letter-spacing:-.08em;margin-top:12%;padding:8%;border-top:1px solid #9ca8a5}.project-meta{padding:55px 40px;display:flex;flex-direction:column;justify-content:flex-end}.project-meta>span{font-size:10px;letter-spacing:.15em;color:var(--cyan);margin-bottom:auto}.project-meta h3{font:500 30px var(--display);line-height:1.2}.project-meta p{color:var(--muted)}.testimonials{background:#e8efec;color:#101716}.testimonials .section-label,.testimonials .section-head p{color:#697773}.testimonials h2 em{color:#117f75}.review-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:500px}.video-card{background:#0b1112;padding:30px}.video-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle,#0e7771 0,transparent 50%),#091011;position:relative}.video-placeholder button{border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.15);color:white;width:76px;height:76px;border-radius:50%;font-size:20px}.video-placeholder span{position:absolute;left:22px;bottom:18px;color:#a1b0ad;font-size:9px;letter-spacing:.15em}.quote{padding:70px;background:#dce6e2}.stars{color:#078f82;letter-spacing:.2em}.quote blockquote{font:500 clamp(23px,2.4vw,37px)/1.35 var(--display);margin:35px 0}.quote p{font-size:12px}.quote p span{color:#75837f}.quote-nav{margin-top:55px;color:#0a8278}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.posts>a{border-top:1px solid var(--line);padding-top:18px}.posts span{font-size:9px;letter-spacing:.14em;color:#7c8c89}.post-art{height:300px;margin:17px 0 24px;overflow:hidden;position:relative}.post-art:after{content:"";position:absolute;inset:20%;border:1px solid rgba(255,255,255,.3);transform:rotate(25deg)}.art1{background:radial-gradient(circle at 70% 30%,#20b9a9,transparent 30%),#12201f}.art2{background:linear-gradient(130deg,#071414 30%,#098c81 31%,#021110 61%,#32d8c7 62%)}.art3{background:radial-gradient(circle at center,#3bdccb 0 3%,transparent 4% 15%,#14564f 16% 18%,transparent 19%),#0d1617}.posts h3{font:500 24px/1.25 var(--display);margin:0 0 10px}.posts p{color:var(--muted);font-size:14px}.contact{text-align:center;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#07100f}.contact h2{font-size:clamp(52px,7vw,100px);z-index:2}.contact p{color:var(--muted);font-size:18px;z-index:2}.contact .button{margin-top:25px;z-index:2}.contact small{color:#566663;font-size:9px;margin-top:18px;z-index:2}.contact-orb{position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid rgba(67,245,223,.12);box-shadow:0 0 120px rgba(0,220,200,.1),inset 0 0 100px rgba(0,220,200,.05)}footer{padding:45px 6vw;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:.5fr 1fr 1fr;align-items:center;gap:30px;color:#7f8e8b}footer p{font-size:12px}footer>div{display:flex;gap:25px;justify-content:end;font-size:11px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.06);padding-top:25px;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav nav,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:130px}.portrait{width:100%;height:58vh;margin-top:60px}.proof{gap:22px}.philosophy-grid,.review-layout,.project-feature{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr}.service.large{min-height:520px}.service.wide{grid-column:auto;grid-template-columns:1fr;min-height:430px}.steps{grid-template-columns:1fr 1fr}.posts{grid-template-columns:1fr}.post-art{height:230px}.section-head{display:block}.section-head>p{margin-top:25px}.project-meta{min-height:420px}.project-art{min-height:450px}.hero h1{font-size:14vw}section{padding:90px 6vw}.philosophy-grid{gap:20px}footer{grid-template-columns:1fr}footer>div{justify-content:start;flex-wrap:wrap}footer small{grid-column:auto}}@media(max-width:520px){.actions{align-items:flex-start;flex-direction:column;gap:22px}.proof{flex-wrap:wrap}.portrait{min-height:450px}.float-card{left:0}.steps{grid-template-columns:1fr}.service{padding:28px}.quote{padding:40px 25px}.nav{height:75px}}