:root{--ink:#18201d;--muted:#69736f;--paper:#f8f7f4;--line:#dfdfd9;--acid:#d6f057;--shell:min(1160px,calc(100% - 64px));font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #638dc2;outline-offset:4px;border-radius:5px}.shell{width:var(--shell);margin:auto}.header{position:sticky;top:0;z-index:10;background:#f8f7f4d9;border-bottom:1px solid #e3e2de;backdrop-filter:blur(14px)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-weight:750;letter-spacing:-.045em;display:flex;align-items:center;gap:10px}.mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--acid);font-family:Georgia,serif;font-size:18px;font-weight:400;font-style:italic}.nav-links{display:flex;gap:28px;color:#58625e;font-size:14px}.nav-links a:hover,.footer-links a:hover{color:#111}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:88px 0 64px}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:760;color:#6c7772}.hero h1,.section-intro h2,.about h2,.contact h2{margin:0;letter-spacing:-.075em;line-height:.94;font-size:clamp(58px,6.6vw,91px);font-weight:760}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#587063}.intro{max-width:410px;margin:28px 0 25px;color:var(--muted);font-size:18px;line-height:1.5}.text-action,.button{font-size:14px;font-weight:700}.text-action span{margin-left:7px}.hero-art{height:460px;position:relative;display:grid;place-items:center;isolation:isolate}.halo{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.halo-one{width:400px;height:400px;background:#e1ebd2}.halo-two{width:270px;height:270px;background:#c7e8d9;transform:translate(80px,-50px);opacity:.75}.monogram{width:210px;height:250px;border-radius:106px 106px 34px 34px;background:linear-gradient(145deg,#1c2421,#42564c);color:#f7f8ee;display:grid;place-items:center;font:italic 136px/.8 Georgia,serif;box-shadow:0 35px 52px #293c3030;transform:rotate(9deg)}.monogram span{color:var(--acid);margin-left:-20px}.canvas-card{position:absolute;background:#fffffff0;border:1px solid #fff;box-shadow:0 18px 35px #31473a1c;backdrop-filter:blur(10px);border-radius:17px}.card-a{width:138px;height:104px;left:9%;top:14%;padding:19px}.card-a i{display:block;height:9px;background:#cadad1;border-radius:8px;margin-bottom:10px}.card-a i:nth-child(2){width:70%;background:#9fbeae}.card-a i:nth-child(3){width:46%;background:var(--acid)}.card-b{right:2%;bottom:14%;padding:18px 21px;width:174px;display:flex;flex-direction:column;gap:5px;transform:rotate(-4deg)}.card-b span{color:#6a9d7c;font-size:22px;line-height:10px}.card-b b{font-size:16px;letter-spacing:-.04em}.card-b small{color:#74817a}.apps-section{padding:112px 0 128px;background:#e9ebe4}.section-intro{text-align:center;margin:0 auto 48px}.section-intro h2{font-size:clamp(47px,5vw,66px)}.section-intro>p:last-child{margin:15px 0 0;color:var(--muted);font-size:17px}.app-feature{min-height:600px;border-radius:28px;background:#1b2622;color:#f5f8f1;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden}.app-content{padding:69px 0 60px 68px}.app-heading{display:flex;align-items:center;gap:16px}.block-icon{width:58px;height:58px;padding:10px;border-radius:17px;background:linear-gradient(140deg,#31d977,#16aa58);box-shadow:0 10px 25px #19cf6b45}.block-icon svg{width:100%;fill:#fff}.block-icon path:last-child{fill:none;stroke:#1bb765;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.app-meta{margin:0 0 7px;color:#a9c3b4;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:750}.app-heading h3{margin:0;font-size:clamp(27px,3vw,39px);letter-spacing:-.065em;line-height:.98}.app-description{max-width:375px;margin:35px 0 30px;color:#cad8cf;line-height:1.55;font-size:16px}.button{display:inline-flex;gap:10px;align-items:center;background:#f6f8ef;color:#17201c;padding:14px 17px;border-radius:100px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.app-preview{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;min-height:460px;background:linear-gradient(145deg,#2f5644,#193c32)}.preview-glow{position:absolute;top:45px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#81e7ae 0%,#4cba7b65 38%,transparent 70%)}.phone{position:relative;width:292px;height:600px;border:6px solid #202523;border-bottom:0;border-radius:47px 47px 0 0;padding:7px 4px 0;background:linear-gradient(100deg,#101413,#39413e 43%,#161a19 58%,#080a0a);overflow:visible;box-shadow:0 38px 70px #112c2042,0 9px 17px #0c17121f,inset 0 0 0 1px #69716d}.phone::before,.phone::after{content:"";position:absolute;z-index:-1;width:4px;border-radius:5px;background:#303735;box-shadow:0 44px 0 #303735,0 88px 0 #303735}.phone::before{height:28px;left:-9px;top:22%}.phone::after{height:43px;right:-9px;top:30%}.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:38px 38px 0 0;box-shadow:inset 0 0 0 1px #0002;display:block}.dynamic-island{position:absolute;z-index:4;top:13px;left:35%;width:30%;height:20px;border-radius:999px;background:linear-gradient(180deg,#050606,#151817);box-shadow:inset 0 1px 1px #ffffff14,0 1px 1px #0008}.dynamic-island::after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#151a1d;box-shadow:inset 0 0 2px #385361}.about{padding:135px 0 100px}.about-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end}.about h2{font-size:clamp(46px,5.3vw,73px)}.about-grid>p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:0 0 130px}.principles article{padding:28px 35px 0 0}.principles article+article{border-left:1px solid var(--line);padding-left:35px}.principles span{font-size:11px;color:#85918b;font-weight:700}.principles h3{font-size:21px;letter-spacing:-.04em;margin:38px 0 10px}.principles p{color:var(--muted);font-size:15px;line-height:1.55;max-width:265px}.contact{background:#d6f057;padding:104px 0 111px}.contact-inner{max-width:1160px}.contact h2{font-size:clamp(53px,6vw,79px)}.contact p:not(.eyebrow){color:#3f5148;max-width:430px;font-size:17px;line-height:1.55;margin:20px 0 28px}.contact a{font-size:clamp(20px,2.3vw,29px);letter-spacing:-.045em;font-weight:700;border-bottom:1px solid #50675a;padding-bottom:5px}.contact a span{font-size:.7em;margin-left:7px}footer{background:#17221e;color:#f3f7ef}.footer-inner{min-height:150px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px}.footer-inner .mark{background:#f3f7ef;color:#183123}.footer-inner .wordmark{font-size:15px}.footer-inner p{margin:10px 0 0;color:#9db0a4;font-size:13px}.footer-links{display:flex;gap:23px;color:#c5d2ca;font-size:14px}.footer-inner>p{margin:0;color:#9db0a4}@media(max-width:760px){:root{--shell:min(100% - 40px,560px)}.nav{height:64px}.nav-links{gap:17px;font-size:13px}.hero{min-height:unset;display:block;padding:76px 0 42px}.hero h1{font-size:clamp(54px,15.5vw,74px)}.intro{font-size:16px;margin:25px 0}.hero-art{height:355px;margin-top:21px;transform:scale(.84);transform-origin:center}.apps-section{padding:82px 0}.app-feature{grid-template-columns:1fr;border-radius:22px}.app-content{padding:38px 29px 35px}.app-preview{min-height:475px}.phone{width:248px;height:509px;border-radius:42px 42px 0 0}.phone img{border-radius:33px 33px 0 0}.about{padding:84px 0 75px}.about-grid{display:block}.about-grid>p{margin-top:28px;font-size:16px}.principles{grid-template-columns:1fr;padding-bottom:81px}.principles article,.principles article+article{border-left:0;border-bottom:1px solid var(--line);padding:25px 0}.principles article:last-child{border-bottom:0}.principles h3{margin:21px 0 8px}.principles p{margin:0;max-width:330px}.contact{padding:80px 0}.footer-inner{padding:35px 0;min-height:0;grid-template-columns:1fr;gap:23px}.footer-inner>p{margin-top:0}.app-heading h3{font-size:28px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}
