:root{--paper:#f4f0e8;--paper-light:#faf8f2;--ink:#203954;--muted:#63717b;--line:#d8d8cd;--blue:#2497ba;--orange:#df7055;--serif:"Iowan Old Style","Baskerville",Georgia,serif;--sans:"Avenir Next",Avenir,"Trebuchet MS",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,select{font:inherit}img,svg{max-width:100%}.skip{position:absolute;top:-5rem;left:1rem;z-index:99;background:var(--ink);color:white;padding:.7rem 1rem}.skip:focus{top:1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.site-header{position:relative;z-index:4;display:flex;align-items:center;gap:3rem;max-width:1440px;margin:auto;padding:1.75rem clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800;font-size:.8rem;letter-spacing:.18em;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:2.8rem;height:2.8rem;background:var(--ink);color:white;border-radius:11px;letter-spacing:-.06em;font-size:1.1rem}.brand-dot{color:var(--orange)}.top-nav{display:flex;gap:2.5rem;margin-left:auto}.top-nav a{text-decoration:none;font-size:.9rem;font-weight:650}.top-nav a:hover,.site-footer a:hover{color:var(--blue)}.language-picker{position:relative}.language-picker select{appearance:none;min-width:9rem;padding:.65rem 2rem .65rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--paper-light);color:var(--ink);cursor:pointer;font-size:.82rem;font-weight:700}.language-picker::after{content:"⌄";position:absolute;right:.8rem;top:.42rem;pointer-events:none}
.eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1.4rem;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:850;color:var(--orange)}.eyebrow-line{display:block;width:1.3rem;height:1px;background:currentColor}.home-hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:auto;padding:clamp(4rem,9vw,8rem) clamp(1.25rem,4vw,4rem) 6rem;gap:3vw;overflow:hidden}.hero-copy{position:relative;z-index:1;align-self:center}.home-hero h1,.product-hero h1,.reading-page h1{font:400 clamp(3.6rem,7.5vw,7.4rem)/.99 var(--serif);letter-spacing:-.06em;margin:0 0 2rem}.home-hero h1 em{font-weight:400;color:var(--orange)}.lead{max-width:39rem;color:#4d5c67;font:400 clamp(1.1rem,1.8vw,1.5rem)/1.5 var(--sans)}.text-link{display:inline-flex;gap:2rem;align-items:center;margin-top:2rem;padding:0 0 .45rem;text-decoration:none;border-bottom:2px solid var(--ink);font-weight:800}.text-link span:last-child{font-size:1.5rem;line-height:1}.hero-art{position:relative;display:grid;place-items:center;align-self:center;min-height:490px;background:radial-gradient(circle at 50% 50%,#fdfaf2 2%,#e8ece7 60%,#e4e5de 100%);border-radius:50% 50% 45% 55%/48% 55% 45% 52%;transform:rotate(-4deg)}.hero-art svg{width:100%;transform:rotate(4deg)}.art-coordinate,.art-caption{position:absolute;font-family:var(--serif);font-style:italic;color:#8b948d}.art-coordinate-a{bottom:12%;left:12%}.art-coordinate-b{bottom:12%;right:13%}.art-caption{top:11%;right:12%;font-size:1.2rem;transform:rotate(4deg)}
.apps-section{padding:6rem clamp(1.25rem,4vw,4rem) 8rem;background:var(--ink);color:var(--paper-light)}.apps-section>.section-heading,.app-grid{max-width:1312px;margin-left:auto;margin-right:auto}.section-heading h2{max-width:56rem;margin:0 0 3rem;font:400 clamp(2.5rem,5vw,5rem)/1.08 var(--serif);letter-spacing:-.045em}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.app-card{min-height:420px;display:flex;flex-direction:column;justify-content:space-between;padding:2.4rem;border-radius:1.1rem}.app-card.featured{background:#e8ebe5;color:var(--ink)}.app-card.secondary{background:#31516a;color:white}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.app-icon,.study-icon{width:92px;height:92px;border-radius:22px;box-shadow:0 12px 25px #0c1c2840}.study-icon{display:grid;place-items:center;background:#e7ae4e;color:#213753;font-family:var(--serif);font-size:3.5rem}.number{font-size:.75rem;letter-spacing:.12em;opacity:.55}.card-category{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:850}.app-card h3{font:400 clamp(2.8rem,4vw,4rem)/1 var(--serif);letter-spacing:-.04em;margin:.6rem 0 1rem}.app-card p:not(.card-category){max-width:30rem;font-size:1rem;line-height:1.55;opacity:.8}.card-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:1rem;border-top:1px solid currentColor;text-decoration:none;font-weight:800}.card-link span:last-child{font-size:1.45rem}.statement{display:flex;gap:1rem;align-items:flex-start;max-width:1200px;margin:auto;padding:7rem clamp(1.25rem,4vw,4rem);font:400 clamp(2.2rem,4.5vw,4.3rem)/1.15 var(--serif);letter-spacing:-.045em}.statement p{margin:0}.statement-mark{color:var(--orange);font-size:6rem;line-height:.9}
.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:3rem clamp(1.25rem,4vw,4rem) 2rem;background:#e7e8df;border-top:1px solid var(--line)}.footer-brand{font-weight:900;letter-spacing:.18em;text-decoration:none}.site-footer p{margin:0;color:var(--muted)}.site-footer>div{display:flex;gap:1.5rem;flex-wrap:wrap}.site-footer a{text-decoration:none;font-size:.85rem;font-weight:700}.site-footer small{justify-self:end;color:var(--muted)}
.product-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;max-width:1440px;margin:auto;padding:8rem clamp(1.25rem,4vw,4rem) 9rem}.product-hero h1{font-size:clamp(4.5rem,10vw,9rem);margin-bottom:1.3rem}.accent{color:var(--orange)}.product-detail{max-width:40rem;line-height:1.75;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:.65rem;margin-top:2rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:800}.status-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--orange)}.product-visual{min-height:400px;position:relative;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#dce1dd 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#dce1dd 40px),#e9ece6;border-radius:2rem;overflow:hidden}.product-visual img{width:180px;height:180px;box-shadow:0 25px 60px #2039544d;border-radius:40px;transform:rotate(-7deg)}.product-lines{position:absolute;inset:auto 1.5rem 1.5rem;display:flex;justify-content:space-between;color:#788a91;font:italic .85rem var(--serif)}.feature-band{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:5rem clamp(1.25rem,4vw,4rem);background:var(--ink);color:white}.feature-band>div{max-width:390px;margin:auto}.feature-band span{color:var(--orange);font-size:.72rem;letter-spacing:.16em}.feature-band h2{font:400 2rem/1.1 var(--serif)}.feature-band p{line-height:1.6;color:#bccbd3}.showcase{padding:7rem clamp(1.25rem,4vw,4rem);max-width:1440px;margin:auto}.showcase .section-heading>p:last-child{color:var(--muted)}.screens{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:900px;margin:4rem auto 0}.screens figure{margin:0}.phone-frame{padding:1rem;background:#e5e9e8;border:1px solid #d4dbd8;border-radius:2.5rem}.phone-frame img{display:block;width:100%;height:auto;border-radius:1.8rem}.screens figcaption{margin-top:1.2rem;text-align:center;color:var(--muted);font-size:.9rem}.product-bottom{max-width:900px;margin:0 auto;padding:3rem clamp(1.25rem,4vw,4rem) 8rem}.product-bottom h2{font:400 clamp(2.8rem,5vw,5rem)/1 var(--serif);letter-spacing:-.04em;margin:0 0 1rem}.product-bottom>p:not(.eyebrow){line-height:1.75;color:var(--muted)}.engineering-note{border-left:3px solid var(--orange);padding-left:1.2rem;margin-top:3rem;font-size:.85rem}
.reading-page{max-width:1000px;min-height:60vh;margin:0 auto;padding:7rem clamp(1.25rem,4vw,4rem) 8rem}.reading-page h1{font-size:clamp(3.6rem,7vw,6rem)}.reading-page .lead{margin-bottom:2rem}.contact-button{display:inline-flex;gap:2.5rem;padding:1rem 1.3rem;background:var(--ink);color:white;border-radius:.5rem;text-decoration:none;font-weight:800}.contact-button:hover{background:#315d83}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem;margin-top:5rem}.reading-grid section{padding-top:1.1rem;border-top:1px solid var(--line)}.reading-page h2{font:400 1.8rem var(--serif);letter-spacing:-.03em}.reading-page section p,.reading-page>p:not(.eyebrow),.policy-note{font-size:1rem;line-height:1.75;color:#4d5c67}.reading-page section a{color:#08799d}.policy{max-width:850px}.policy-updated{color:var(--muted)!important;font-size:.85rem!important}.policy section{margin:3rem 0;border-top:1px solid var(--line);padding-top:1rem}.policy-note{display:block;margin-top:4rem;padding:1.2rem 1.6rem;background:#e6ebe5;border-left:3px solid var(--orange)}
@media(max-width:850px){.home-hero{grid-template-columns:1fr;padding-top:5rem}.hero-art{min-height:340px;max-width:580px;width:100%;margin:auto}.product-hero{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem}.product-visual{min-height:320px}.feature-band{grid-template-columns:1fr;gap:2.5rem}.feature-band>div{max-width:none;margin:0;padding-bottom:1.5rem;border-bottom:1px solid #ffffff22}}@media(max-width:640px){.site-header{gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem}.top-nav{order:3;width:100%;gap:1.4rem;margin-left:0}.language-picker{margin-left:auto}.language-picker select{min-width:8rem}.home-hero{min-height:0;padding-top:4rem;padding-bottom:4rem}.home-hero h1{font-size:clamp(3.5rem,13vw,5rem)}.hero-art{min-height:290px}.apps-section{padding-top:4rem;padding-bottom:5rem}.app-grid,.screens,.reading-grid{grid-template-columns:1fr}.app-card{min-height:400px}.statement{padding:5rem 1.25rem}.site-footer{grid-template-columns:1fr}.site-footer small{justify-self:start}.product-hero h1{font-size:clamp(4rem,15vw,6rem)}.showcase{padding-top:5rem}.screens{max-width:410px}.reading-page{padding-top:5rem}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-art{animation:reveal .7s both}.hero-art{animation-delay:.12s}.app-card,.feature-band>div{transition:transform .25s ease}.app-card:hover{transform:translateY(-5px)}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}