@charset "UTF-8";
:root{--paper:#faf9f6;--surface:#fff;--ink:#1b2627;--muted:#596564;--line:#dfe4de;--blue:#2752e7;--pale:#e9eefb;--sage:#dce9dd;--radius:20px;--max:1184px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.07;font-weight:550;letter-spacing:-.045em}h1{font-size:clamp(44px,6.5vw,82px);max-width:850px;margin-bottom:28px}h2{font-size:clamp(32px,4vw,49px)}h3{font-size:26px}p{margin-bottom:20px}svg{vertical-align:middle;flex-shrink:0}a svg{pointer-events:none}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 20px}.skip:focus{top:12px}.site-header{border-bottom:1px solid var(--line);background:rgba(250,249,246,.97);position:sticky;top:0;z-index:30}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:21px;font-weight:650;letter-spacing:-.8px;text-decoration:none;display:flex;align-items:center;gap:11px;white-space:nowrap}.brand img{width:33px;height:33px}nav{display:flex;gap:32px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:550}nav a:hover{color:var(--blue)}.nav-contact{border:1px solid #bcc5be;border-radius:50px;padding:10px 20px}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:30px;padding:8px 16px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:30px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue);display:inline-block}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:86px 0 75px}.hero h1{font-size:clamp(46px,5.6vw,72px);max-width:620px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:530px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.button{padding:14px 23px;background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:50px;text-decoration:none;font-size:14px;font-weight:600;display:inline-flex;gap:18px;align-items:center;justify-content:center}.button:hover{background:#173bc3;border-color:#173bc3}.button.secondary{background:transparent;color:var(--ink);border-color:#b8c1b9}.text-link{font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;gap:12px;align-items:center}.text-link:hover{text-decoration:underline}.micro{font-size:12px;color:var(--muted)}.hero-note{margin:28px 0 0;display:flex;align-items:center;gap:8px}.visual{position:relative;min-height:440px;border:1px solid #dae0d8;border-radius:22px;background:#e9ede5;overflow:hidden;padding:32px;display:flex;align-items:center;justify-content:center}.visual::before{content:"";position:absolute;width:540px;height:540px;border:1px solid #d3dccf;border-radius:50%;top:-100px;left:35px}.visual::after{content:"";position:absolute;width:360px;height:360px;border:1px solid #d3dccf;border-radius:50%;top:-10px;left:125px}.notebook{position:relative;z-index:2;background:#fffdf5;border:1px solid #d7dbcf;border-radius:12px;width:100%;min-height:306px;box-shadow:0 24px 45px #29352413;transform:rotate(-3deg);padding:24px 27px 28px}.note-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#66705c;font-weight:650;letter-spacing:.1em;text-transform:uppercase;padding-bottom:18px;border-bottom:1px solid #e6e8dd}.note-top span:first-child{display:flex;gap:7px;align-items:center}.note-tabs{display:flex;gap:6px;margin:21px 0}.note-tabs button{cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font-size:10px;background:transparent;color:#536049}.note-tabs button[aria-pressed=true]{background:#e8eddf;color:#263c26}.note-body{min-height:160px}.note-body h3{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.8px;line-height:1.2;max-width:260px;margin:10px 0 18px}.note-body ul{list-style:none;padding:0;margin:0;font-size:12px;color:#677060}.note-body li{border-bottom:1px solid #e9ebdf;padding:7px 0}.note-body .checks li::before{content:"✓";margin-right:9px;color:#335637}.visual-tag{position:absolute;z-index:3;right:18px;bottom:30px;transform:rotate(3deg);background:#fff;padding:12px 18px;border:1px solid #d8ded3;border-radius:12px;box-shadow:0 10px 20px #2034210a;display:flex;gap:10px;align-items:center;font-size:11px}.visual-tag svg{color:var(--blue)}.illustration-label{position:absolute;bottom:10px;left:20px;font-size:9px;color:#596954;z-index:4;letter-spacing:.06em}.principle-strip{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;font-size:12px;color:#42514a}.principle-strip span{display:flex;gap:10px;align-items:center}.section{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head p{max-width:350px;color:var(--muted);font-size:15px;margin:0}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);display:block;margin-bottom:14px}.featured{border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.featured-copy{padding:42px}.featured-copy h3{font-size:37px;margin:22px 0 16px}.badge{display:inline-flex;gap:7px;align-items:center;font-size:10px;letter-spacing:.04em;padding:5px 10px;background:#f0f2ed;border:1px solid #dde3d8;border-radius:30px}.featured-copy p{color:var(--muted);max-width:385px;font-size:15px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.chip{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:5px 10px;color:#4c5854}.featured-art{background:#edf0fa;display:flex;align-items:center;justify-content:center;position:relative;min-height:300px;padding:40px}.app-icon{width:104px;height:104px;border-radius:25px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 40px #2752e72b;transform:rotate(-10deg)}.app-icon svg{width:58px;height:58px}.orbit{position:absolute;width:260px;height:260px;border:1px solid #d1d8ee;border-radius:50%}.orbit.two{width:360px;height:360px}.floating{position:absolute;background:#fff;border:1px solid #d8dff1;padding:10px 14px;border-radius:10px;font-size:11px;color:#455a92;transform:rotate(5deg);bottom:55px;right:35px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.project{border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:50px 1fr;gap:20px;background:#f3f4ef}.project:nth-child(2){background:#f3f0e9}.small-icon{width:48px;height:48px;display:grid;place-items:center;background:#e1e9da;border-radius:14px;color:#3c5b36}.project:nth-child(2) .small-icon{background:#eae0ce;color:#76531f}.project h3{font-size:24px;margin:2px 0 7px}.project p{color:var(--muted);font-size:13px;margin:12px 0 0}.status{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#69715e}.philosophy{background:#1f302d;color:#f9faf4;border-radius:22px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.philosophy h2{max-width:380px;margin:18px 0}.philosophy .section-label{color:#afc4b4}.values{display:grid;gap:25px}.value{border-bottom:1px solid #45544d;padding-bottom:22px;display:grid;grid-template-columns:30px 1fr;gap:18px}.value:last-child{border:0;padding:0}.value>span{color:#a3b4a2;font-size:11px;padding-top:4px}.value h3{font-size:19px;letter-spacing:-.5px;margin:0 0 8px}.value p{color:#bec9c1;font-size:13px;margin:0}.support-banner{padding:0 0 70px;display:flex;justify-content:space-between;align-items:center;gap:25px}.support-banner h2{font-size:34px;margin:0 0 12px}.support-banner p{color:var(--muted);margin:0;font-size:14px}.site-footer{padding:35px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-top{margin-bottom:32px}.footer-top .brand{color:var(--ink);font-size:17px}.footer-top p{margin:8px 0 0;font-size:12px}.footer-links{display:flex;gap:23px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{font-size:10px;border-top:1px solid var(--line);padding-top:22px}.page-hero{padding:75px 0 55px}.page-hero h1{font-size:clamp(42px,6vw,69px);max-width:850px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:32px}.breadcrumbs a{text-decoration:none}.breadcrumbs span{margin:0 10px}.product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.product-layout .visual{min-height:370px}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature{border-top:1px solid var(--line);padding-top:25px}.feature svg{color:var(--blue);margin-bottom:22px}.feature h3{font-size:23px}.feature p{color:var(--muted);font-size:14px}.soft-panel{background:#eaf0e8;border:1px solid #d4dfd1;border-radius:20px;padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.soft-panel p{font-size:15px;color:#52614d}.soft-panel h2{font-size:37px}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;display:grid;grid-template-columns:32px 1fr;gap:15px;margin:0 0 26px;font-size:14px}.steps li:last-child{margin:0}.steps li::before{content:counter(step,decimal-leading-zero);font-size:11px;color:var(--blue);padding-top:2px}.steps strong{display:block;margin-bottom:4px}.steps p{font-size:13px;margin:0;color:var(--muted)}.faq{max-width:820px;margin-inline:auto}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:550;padding-right:15px}details p{font-size:14px;color:var(--muted);padding:15px 30px 0 0;margin:0}.content-layout{display:grid;grid-template-columns:220px 1fr;gap:70px;padding:0 0 80px;align-items:start}.contents{position:sticky;top:125px;display:grid;gap:13px;font-size:12px}.contents a{color:var(--muted);text-decoration:none}.contents a:hover{color:var(--blue)}.prose{max-width:760px}.prose section{border-top:1px solid var(--line);padding-top:28px;margin:0 0 40px}.prose h2{font-size:28px;letter-spacing:-.03em;margin:0 0 20px}.prose h3{font-size:20px;margin:25px 0 14px}.prose p,.prose li{font-size:15px;color:#52605b}.prose a{color:var(--blue)}.prose code{font-size:12px;background:#edf0e9;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.notice{border:1px solid #d6dfd0;background:#edf1e8;border-radius:12px;padding:20px 24px;font-size:14px;color:#40503b;margin-bottom:32px}.meta{font-size:12px;color:var(--muted)}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-bottom:70px}.support-card{border:1px solid var(--line);border-radius:20px;padding:35px;background:#fff}.support-card p,.support-card li{font-size:14px;color:var(--muted)}.support-card h2{font-size:29px}.route-404{padding:110px 0 140px}.route-404 h1{max-width:750px}.footer-bottom a{color:inherit}.section.tight{padding-top:10px}::selection{background:#ccd6fc}
@media(min-width:1400px){.hero{padding-top:100px;padding-bottom:90px}}
@media(max-width:1000px){.hero{gap:35px}.visual{padding:23px;min-height:400px}.hero h1{font-size:55px}.notebook{padding:20px}.featured-copy{padding:32px}.philosophy{padding:40px;gap:40px}.content-layout{gap:40px;grid-template-columns:180px 1fr}.product-layout{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px}.brand{font-size:19px}.menu-button{display:block;font-size:12px}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:13px 10px}.nav-contact{margin-top:10px;text-align:center}.hero{grid-template-columns:1fr;padding:52px 0 40px;gap:38px}.hero h1{font-size:54px;max-width:550px}.eyebrow{margin-bottom:24px}.lead{font-size:16px}.visual{min-height:385px;max-width:520px;width:100%;padding:37px}.notebook{max-width:380px;padding:24px}.principle-strip{gap:15px;flex-wrap:wrap;padding:22px 0;font-size:11px}.principle-strip span{flex:1 1 40%}.section{padding:57px 0}.section-head{display:block;margin-bottom:28px}.section-head p{margin-top:20px;max-width:400px}.featured{grid-template-columns:1fr}.featured-copy{padding:30px}.featured-art{min-height:270px}.projects{grid-template-columns:1fr;gap:16px;margin-top:16px}.project{padding:24px;gap:16px}.philosophy{grid-template-columns:1fr;padding:30px;gap:25px}.philosophy h2{max-width:400px}.support-banner{display:block;padding-bottom:50px}.support-banner .button{margin-top:24px}.footer-top,.footer-bottom{align-items:start;flex-direction:column;gap:22px}.footer-top{margin-bottom:25px}.footer-links{gap:20px}.page-hero{padding:45px 0}.page-hero h1{font-size:47px}.product-layout{grid-template-columns:1fr;gap:35px}.three-grid{grid-template-columns:1fr;gap:23px}.feature svg{margin-bottom:15px}.feature p{max-width:520px}.soft-panel{grid-template-columns:1fr;padding:28px;gap:22px}.content-layout{grid-template-columns:1fr;gap:30px}.contents{position:static;border-top:1px solid var(--line);padding-top:24px;grid-template-columns:1fr 1fr}.prose h2{font-size:27px}.support-grid{grid-template-columns:1fr;gap:18px}.support-card{padding:28px}.route-404{padding:70px 0 100px}}
@media(max-width:380px){.hero h1{font-size:46px}.visual{padding:23px;min-height:365px}.note-body h3{font-size:25px}.visual-tag{right:10px;font-size:10px;padding:10px}.actions{gap:18px}.button{padding:13px 20px}.contents{grid-template-columns:1fr}.brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.contents,.site-footer,.actions,.skip{display:none}.wrap{width:100%}.content-layout{display:block}.prose{max-width:none}body{background:#fff;color:#000}a{color:inherit!important}.prose section{break-inside:avoid}}