:root{
  --ink:#17302b;--forest:#123b34;--forest2:#0d2c28;--cream:#f5f0e5;--paper:#fffaf0;--orange:#ff8b3d;--lime:#c9e86b;--mint:#75d5bf;--line:rgba(23,48,43,.18);--shadow:0 22px 70px rgba(16,46,40,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.topbar{position:relative;z-index:20;max-width:1440px;margin:auto;padding:26px 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content}.brand-mark{width:48px;height:48px;border-radius:50% 50% 14px 50%;display:grid;place-items:center;background:var(--forest);color:var(--paper);font:800 15px Georgia,serif;transform:rotate(-4deg)}.brand-copy{display:flex;align-items:baseline;gap:5px}.brand-copy b{font:700 18px Georgia,serif}.brand-copy small{font-size:12px}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--orange);transition:.25s}.desktop-nav a:hover:after{right:0}.header-cta{justify-self:end;border:1px solid var(--ink);padding:12px 18px;border-radius:999px;font-size:13px;transition:.25s}.header-cta:hover{background:var(--ink);color:var(--paper)}
.hero{min-height:760px;max-width:1440px;margin:auto;padding:70px 38px 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1,.studio-heading h2,.contact-copy h2,.product-intro h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.04em}.hero h1{font-size:clamp(64px,8vw,124px);line-height:.82;margin:26px 0 28px}.hero h1 em{font-style:italic;color:var(--orange)}.hero-lead{font-size:19px;line-height:1.65;max-width:610px;color:#49645e}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{padding:15px 22px;border-radius:10px;font-weight:700;font-size:14px}.button.primary{background:var(--forest);color:var(--paper)}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,.45)}.hero-note{margin-top:28px;display:flex;align-items:center;gap:10px;font-size:13px;color:#61736f}.hero-note span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px rgba(201,232,107,.25)}
.hero-stage{height:620px;position:relative;background:var(--forest);border-radius:46% 54% 42% 58% / 40% 41% 59% 60%;overflow:hidden;box-shadow:var(--shadow)}.hero-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 18%,rgba(201,232,107,.22),transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,139,61,.24),transparent 34%)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{width:520px;height:520px;right:-90px;top:40px}.orbit-b{width:310px;height:310px;left:-90px;bottom:-50px;animation-direction:reverse;animation-duration:13s}.app-badge{position:absolute;top:42px;left:40px;background:var(--paper);padding:9px 14px 9px 9px;border-radius:999px;display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;z-index:4}.app-badge img{width:36px;height:36px;border-radius:10px}.phone{position:absolute;margin:0;background:#0e1623;padding:10px;border-radius:34px;box-shadow:0 28px 55px rgba(0,0,0,.32);overflow:hidden;z-index:3}.phone img{border-radius:25px;width:100%}.phone-main{width:275px;left:43%;top:73px;transform:rotate(5deg);animation:floatA 5s ease-in-out infinite}.phone-side{width:220px;left:12%;bottom:40px;transform:rotate(-8deg);animation:floatB 6.2s ease-in-out infinite}.metric-card{position:absolute;background:rgba(255,250,240,.93);padding:14px 16px;border-radius:14px;z-index:5;box-shadow:0 10px 30px rgba(0,0,0,.16)}.metric-card small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#6a7d78}.metric-card strong{display:block;margin-top:4px;font:700 15px Georgia,serif}.m1{right:28px;top:255px}.m2{right:42px;bottom:65px}
.ticker{background:var(--orange);color:#2f231f;overflow:hidden;border-block:1px solid rgba(0,0,0,.1)}.ticker-track{white-space:nowrap;width:max-content;padding:13px 0;font:700 12px/1 monospace;letter-spacing:.13em;animation:ticker 24s linear infinite}
.product-section,.studio-section,.process-section,.contact-section,.showcase{max-width:1360px;margin:0 auto;padding-inline:38px}.product-section{padding-top:120px}.section-kicker{font:700 12px monospace;letter-spacing:.16em;text-transform:uppercase}.product-intro{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin:30px 0 55px}.mini-icon{width:64px;border-radius:16px;margin-bottom:18px}.product-intro h2{font-size:clamp(48px,6vw,84px);line-height:.96;margin:0}.product-intro>p{font-size:18px;line-height:1.7;color:#566b66;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:auto auto;gap:18px}.feature-card{position:relative;background:var(--paper);border:1px solid var(--line);min-height:320px;border-radius:28px;padding:32px;overflow:hidden}.feature-card h3{font:700 30px/1.05 Georgia,serif;margin:15px 0 12px}.feature-card p{color:#61736f;line-height:1.6;max-width:430px}.feature-card .num{font:700 12px monospace;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--paper)}.feature-card.tall{grid-row:span 2;min-height:660px;background:#dfece3}.feature-card.tall img{position:absolute;width:270px;right:35px;bottom:-120px;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.18);transform:rotate(3deg)}.feature-card.wide{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:360px;background:var(--forest);color:var(--paper)}.feature-card.wide p{color:#c5d3cf}.feature-card.wide .num{background:var(--orange);color:#2d211d}.feature-card.wide img{width:250px;align-self:flex-end;margin-bottom:-120px;border-radius:28px;transform:rotate(-4deg);box-shadow:0 18px 45px rgba(0,0,0,.3)}.signal{height:92px;display:flex;align-items:end;gap:10px;margin-top:42px}.signal i{display:block;width:34px;background:var(--orange);border-radius:8px 8px 2px 2px}.signal i:nth-child(1){height:20%}.signal i:nth-child(2){height:45%}.signal i:nth-child(3){height:35%}.signal i:nth-child(4){height:72%}.signal i:nth-child(5){height:96%}.history-lines{margin-top:44px;display:grid;gap:13px}.history-lines span{display:block;height:16px;border-radius:999px;background:#dbe4dd}.history-lines span:nth-child(2){width:72%}.history-lines span:nth-child(3){width:48%;background:var(--mint)}
.showcase{padding-top:80px}.showcase img{width:100%;border-radius:30px;box-shadow:var(--shadow)}.showcase-caption{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:13px}.showcase-caption span{color:#6a7d78}.showcase-caption b{font-family:Georgia,serif}
.studio-section{padding-top:130px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.studio-heading h2{font-size:clamp(48px,6vw,86px);line-height:.95;margin:0;max-width:850px}.services{border-top:1px solid var(--ink)}.service{display:grid;grid-template-columns:80px 1fr 1fr;gap:26px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.service span{font:700 12px monospace;color:var(--orange)}.service h3{font:700 28px Georgia,serif;margin:0}.service p{margin:0;color:#60746e;line-height:1.6;max-width:560px}
.process-section{padding-top:130px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.process-card{background:var(--orange);border-radius:32px;padding:46px}.process-label{font:700 11px monospace;text-transform:uppercase;letter-spacing:.16em}.process-card h2{font:500 clamp(46px,5vw,74px) Georgia,serif;margin:70px 0 20px;line-height:.95}.process-card p{max-width:620px;line-height:1.7}.process-steps{border:1px solid var(--line);border-radius:32px;background:var(--paper);padding:18px 34px}.process-steps div{display:flex;gap:24px;align-items:center;padding:31px 0;border-bottom:1px solid var(--line)}.process-steps div:last-child{border:0}.process-steps b{font:700 12px monospace;color:var(--orange)}.process-steps span{font:700 22px Georgia,serif}
.contact-section{padding-top:130px;padding-bottom:120px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.contact-copy{background:var(--forest);color:var(--paper);border-radius:34px;padding:50px}.contact-copy h2{font-size:clamp(48px,5vw,72px);line-height:.98;margin:70px 0 20px}.contact-copy>p:not(.eyebrow){color:#c0d0cb;line-height:1.7;max-width:650px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.contact-actions a{padding:13px 17px;border-radius:999px;background:var(--paper);color:var(--ink);font-weight:700;font-size:13px}.contact-actions a:last-child{background:transparent;border:1px solid rgba(255,255,255,.25);color:var(--paper)}.contact-card{font-style:normal;background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:46px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.contact-card strong{font:700 31px Georgia,serif;margin-bottom:22px}.contact-card hr{width:100%;border:0;border-top:1px solid var(--line);margin:18px 0}.contact-card a{text-decoration:underline;text-underline-offset:3px}
.site-footer{background:#0b2824;color:#dce8e4;min-height:150px;padding:32px 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand .brand-mark{background:var(--orange);color:#2a211f}.footer-brand>div{display:grid}.footer-brand b{font-family:Georgia,serif}.footer-brand small{opacity:.65;margin-top:3px}.footer-center{font-size:12px;opacity:.65}.footer-links{justify-self:end;display:flex;gap:18px;font-size:12px}.footer-links a{text-decoration:underline;text-underline-offset:4px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}
@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatA{50%{transform:rotate(3deg) translateY(-14px)}}@keyframes floatB{50%{transform:rotate(-6deg) translateY(12px)}}
/* privacy */
.privacy-body{background:#efe9dc}.privacy-topbar{max-width:1440px;margin:auto;padding:26px 38px;display:flex;justify-content:space-between;align-items:center}.privacy-back{font-size:13px;border-bottom:1px solid var(--ink)}.privacy-shell{max-width:1280px;margin:40px auto 120px;padding:0 38px;display:grid;grid-template-columns:330px 1fr;gap:74px}.privacy-aside{position:sticky;top:30px;align-self:start}.privacy-aside h1{font:500 72px/.86 Georgia,serif;letter-spacing:-.04em;margin:20px 0 25px}.privacy-aside>p:last-of-type{color:#6f7f7b}.privacy-index{display:grid;gap:10px;margin-top:34px;border-top:1px solid var(--line);padding-top:20px}.privacy-index a{font-size:13px;color:#556b65}.privacy-content{background:var(--paper);border:1px solid var(--line);border-radius:34px;padding:48px 56px;box-shadow:var(--shadow)}.privacy-content section{padding:25px 0;border-bottom:1px solid var(--line);scroll-margin-top:30px}.privacy-content section:last-child{border:0}.privacy-content h2{font:700 28px/1.2 Georgia,serif;margin:0 0 13px}.privacy-content p{color:#536761;line-height:1.75;margin:10px 0}.privacy-content a{color:#a94e22;text-decoration:underline}.policy-lead p{font:500 26px/1.55 Georgia,serif;color:var(--ink)}.privacy-footer{min-height:100px;grid-template-columns:1fr 1fr}.privacy-footer .footer-links{justify-self:end}
@media(max-width:900px){.desktop-nav{display:none}.topbar{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;padding-top:35px}.hero-stage{height:560px}.product-intro,.process-section,.contact-section,.privacy-shell{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card.tall{grid-row:auto}.feature-card.wide{grid-column:auto}.studio-heading{display:block}.studio-heading .eyebrow{margin-bottom:24px}.service{grid-template-columns:55px 1fr}.service p{grid-column:2}.privacy-aside{position:relative}.privacy-index{display:none}.site-footer{grid-template-columns:1fr;align-items:start}.footer-center{order:3}.footer-links{justify-self:start}.privacy-footer{grid-template-columns:1fr}.privacy-footer .footer-links{justify-self:start}}
@media(max-width:620px){.topbar,.hero,.product-section,.studio-section,.process-section,.contact-section,.showcase,.privacy-topbar,.privacy-shell{padding-left:20px;padding-right:20px}.header-cta{display:none}.hero h1{font-size:58px}.hero{gap:32px;padding-bottom:50px}.hero-stage{height:470px;border-radius:34px}.phone-main{width:210px;left:41%;top:80px}.phone-side{width:165px;left:6%;bottom:45px}.metric-card{font-size:10px}.m1{right:10px;top:265px}.m2{display:none}.product-intro{gap:24px;margin-top:20px}.product-intro h2,.studio-heading h2,.contact-copy h2{font-size:48px}.feature-card.tall{min-height:590px}.feature-card.tall img{width:220px;right:20px}.feature-card.wide{display:block;padding-bottom:210px}.feature-card.wide img{position:absolute;right:25px;bottom:-90px;width:190px}.service{grid-template-columns:40px 1fr}.service h3{font-size:22px}.contact-copy,.contact-card,.process-card{padding:30px}.process-card h2{margin-top:55px}.privacy-content{padding:28px 24px}.privacy-aside h1{font-size:58px}.site-footer{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track,.orbit,.phone{animation:none!important}.reveal{opacity:1;transform:none;transition:none}}
