:root{--ink:#17231f;--muted:#5e6b65;--paper:#f7f4ec;--cream:#fffdf8;--line:#17231f24;--accent:#ef5b3f;--accent-dark:#bd3825;--lime:#d5ef8f}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:92px;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.08rem;font-weight:760;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:11px 11px 11px 3px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.15rem;display:grid}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;width:min(1180px,100% - 48px);min-height:680px;margin:0 auto;padding:84px 0 96px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--accent-dark);margin:0 0 20px;font-size:.72rem;font-weight:800;line-height:1}h1{letter-spacing:-.062em;max-width:680px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,7.4vw,7.2rem);font-weight:500;line-height:.88}.hero-intro{max-width:620px;color:var(--muted);margin:30px 0 0;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:13px;margin-top:34px;display:flex}.button{border:1px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-size:.9rem;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink)}.hero-art{isolation:isolate;place-items:center;min-height:500px;display:grid;position:relative}.hero-art:before{content:"";z-index:-3;background:var(--lime);border-radius:48% 52% 58% 42%/44% 42% 58% 56%;position:absolute;inset:4% 0;transform:rotate(-6deg)}.hero-art:after{content:"";z-index:-2;border:1px dashed #17231f47;border-radius:50%;width:72%;height:72%;position:absolute}.orbit{border:1px solid #17231f40;border-radius:50%;position:absolute}.orbit-one{width:90%;height:56%;transform:rotate(24deg)}.orbit-two{width:65%;height:88%;transform:rotate(-31deg)}.device-card{aspect-ratio:.62;border:8px solid var(--ink);background:var(--cream);border-radius:42px;width:min(285px,68%);padding:28px 24px;transform:rotate(5deg);box-shadow:18px 22px #17231f24}.device-pill{background:var(--ink);color:#fff;letter-spacing:.12em;border-radius:999px;padding:7px 10px;font-size:.55rem;font-weight:800;display:inline-block}.device-sun{background:var(--accent);border-radius:50%;width:104px;height:104px;margin:38px auto 30px;box-shadow:0 0 0 16px #ffd9c9}.device-lines{gap:9px;display:grid}.device-lines span{background:#d9ded9;border-radius:10px;height:8px}.device-lines span:nth-child(2){width:82%}.device-lines span:nth-child(3){width:62%}.device-control{background:#f0ede4;border-radius:18px;justify-content:space-around;margin-top:36px;padding:16px 10px;display:flex}.device-control span{background:var(--ink);border-radius:50%;width:16px;height:16px}.floating-note{border:1px solid var(--ink);background:var(--cream);box-shadow:7px 7px 0 var(--ink);border-radius:14px;padding:14px 18px;font-size:.77rem;display:grid;position:absolute;transform:rotate(-5deg)}.floating-note strong{font-size:1rem}.floating-note span{color:var(--muted)}.note-one{top:22%;left:-2%}.note-two{bottom:18%;right:-4%;transform:rotate(7deg)}.principles{background:var(--ink);color:#fff;padding:112px max(24px,50% - 590px)}.principles>div:first-child{grid-template-columns:.35fr .65fr;align-items:start;gap:44px;display:grid}.principles .eyebrow{color:var(--lime);padding-top:11px}.principles h2{letter-spacing:-.045em;max-width:800px;margin:0;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:500;line-height:1}.principle-grid{background:#ffffff2e;border:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:88px;display:grid}.principle-grid article{background:var(--ink);min-height:250px;padding:28px}.principle-grid span{color:var(--lime);font-size:.75rem;font-weight:800}.principle-grid h3{margin:70px 0 12px;font-size:1.25rem}.principle-grid p{color:#b9c2bd;max-width:300px;margin:0;line-height:1.65}.site-footer{width:min(1180px,100% - 48px);color:var(--muted);grid-template-columns:1fr 1fr auto;gap:30px;margin:0 auto;padding:58px 0;font-size:.85rem;line-height:1.7;display:grid}.site-footer strong{color:var(--ink);font-size:1rem}.site-footer p{margin:6px 0 0}.site-footer address{font-style:normal}.site-footer>div:last-child{color:var(--ink);gap:20px;font-weight:700;display:flex}@media (max-width:820px){.site-header{width:min(100% - 32px,1180px);height:76px}.hero{grid-template-columns:1fr;width:min(100% - 32px,1180px);padding:70px 0 80px}.hero-art{min-height:460px}.principles>div:first-child{grid-template-columns:1fr;gap:14px}.principle-grid{grid-template-columns:1fr;margin-top:56px}.principle-grid article{min-height:200px}.principle-grid h3{margin-top:42px}.site-footer{grid-template-columns:1fr 1fr}}@media (max-width:560px){.site-header{align-items:flex-start;gap:18px;height:auto;padding:20px 0}.brand{font-size:1rem}h1{font-size:clamp(3.4rem,18vw,5.3rem)}.hero{padding-top:56px}.hero-art{min-height:400px}.device-card{border-width:6px;width:210px}.note-one{top:16%;left:0}.note-two{bottom:12%;right:0}.site-footer{grid-template-columns:1fr}.site-footer>div:last-child{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.not-found h1{max-width:970px;font-size:clamp(3.6rem,7.8vw,7.4rem)}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;width:min(1180px,100% - 48px);min-height:640px;margin:0 auto;display:flex}.not-found>p:not(.eyebrow){color:var(--muted);margin:30px 0;font-size:1.1rem}@media (max-width:560px){.not-found h1{font-size:clamp(3.25rem,16vw,5rem)}.not-found{width:min(100% - 32px,1180px)}}