:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--hydro:#3c6470;--angel-feather:#f4efee;--scoville-high:#e34b26;--english-breakfast:#411;--crowberry-blue:#003447;--bg:#fbfaf8;--bg-soft:#f1ece9;--bg-card:#fff;--bg-overlay:#ffffffb8;--ink:#14110e;--ink-soft:#5a534d;--ink-faint:#706660;--ink-on-image:#f8f5f1;--accent:var(--crowberry-blue);--accent-hover:#00263a;--accent-hot:var(--scoville-high);--accent-hot-hover:#c63e1c;--rule:#14110e14;--rule-strong:#14110e29;--shadow-sm:0 1px 2px #140f0a0a, 0 1px 1px #140f0a08;--shadow-md:0 4px 16px #140f0a0f, 0 1px 2px #140f0a0a;--shadow-lg:0 16px 48px #140f0a1a, 0 2px 8px #140f0a0d;--shadow-hero:0 32px 80px #140f0a2e;--font-display:"Instrument Serif", "Times New Roman", ui-serif, serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-jp:"Noto Sans JP", var(--font-body);--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--fs-44:clamp(2rem, 4vw, 2.75rem);--fs-64:clamp(2.5rem, 6vw, 4rem);--fs-display:clamp(3.5rem, 9vw, 7.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--r-sm:6px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:9999px;--container:1240px;--measure:60ch;--gutter:clamp(1.25rem, 4vw, 3rem);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--dur-fast:.16s;--dur:.28s;--dur-slow:.52s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root.dark,:root[data-theme=dark]{--bg:#0c0e10;--bg-soft:#14181c;--bg-card:#1a1f25;--bg-overlay:#14181cb8;--ink:#f4efee;--ink-soft:#b3aca6;--ink-faint:#706963;--ink-on-image:#f8f5f1;--accent:#93c5d2;--accent-hover:#b8dae3;--accent-hot:#ff6f44;--accent-hot-hover:#ff8a65;--rule:#f4efee1a;--rule-strong:#f4efee33;--shadow-sm:0 1px 2px #00000073, 0 1px 1px #0000004d;--shadow-md:0 4px 16px #00000080, 0 1px 2px #0000004d;--shadow-lg:0 16px 48px #0000008c, 0 2px 8px #00000059;--shadow-hero:0 32px 80px #0009}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,picture,svg,video{max-width:100%;display:block}img{height:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,button,textarea,select{font:inherit}a{color:var(--accent);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent-hot);outline-offset:3px;border-radius:4px}html{background:var(--bg)}body{font-family:var(--font-body);font-size:var(--fs-16);color:var(--ink);background:var(--bg);font-feature-settings:"ss01", "ss02", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100dvh;line-height:1.55;display:flex}main{flex:1}::selection{background:var(--accent-hot);color:#fff}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container-narrow{width:100%;max-width:880px;padding-inline:var(--gutter);margin-inline:auto}.measure{max-width:var(--measure)}.measure-wide{max-width:75ch}.display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:400;line-height:.94;font-size:var(--fs-display);font-style:normal}.display em{font-style:italic;font-weight:400}.h1{font-family:var(--font-display);font-size:var(--fs-64);letter-spacing:-.015em;font-weight:400;line-height:1.02}.h1 em{font-style:italic}.h2{font-family:var(--font-display);font-size:var(--fs-44);letter-spacing:-.01em;font-weight:400;line-height:1.05}.h2 em{font-style:italic}.h3{font-family:var(--font-display);font-size:var(--fs-32);letter-spacing:-.005em;font-weight:400;line-height:1.1}.h3 em{font-style:italic}.h4{font-family:var(--font-body);font-size:var(--fs-20);letter-spacing:-.01em;font-weight:600;line-height:1.3}.eyebrow{font-family:var(--font-body);font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.lede{font-size:var(--fs-20);color:var(--ink-soft);font-weight:400;line-height:1.5}.body{font-size:var(--fs-16);color:var(--ink-soft);line-height:1.65}.body-sm{font-size:var(--fs-14);color:var(--ink-soft);line-height:1.55}.jp{font-family:var(--font-jp);letter-spacing:.05em;font-weight:300}.site-header{z-index:30;padding:var(--space-6) 0;background:color-mix(in oklab, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);transition:border-color var(--dur) var(--ease-out-quart);border-bottom:1px solid #0000;position:sticky;top:0}.site-header[data-scrolled=true]{border-bottom-color:var(--rule)}.site-header[data-overlay=true]{-webkit-backdrop-filter:none;background:0 0}.site-header[data-overlay=true][data-scrolled=true]{background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px)}.site-header[data-overlay=true] .site-logo img,.site-header[data-overlay=true] .theme-toggle{filter:none}.site-header[data-overlay=true]:not([data-scrolled=true]) .site-logo img{filter:brightness(0)invert()}.site-header[data-overlay=true]:not([data-scrolled=true]) .theme-toggle{--ink:#f4efee;--ink-soft:#d6cfca;--ink-faint:#b8b0aa;--rule:#ffffff2e;--bg-soft:#ffffff14}.site-header[data-overlay=true]:not([data-scrolled=true]) .nav-links a{color:#f4efeed9}.site-header[data-overlay=true]:not([data-scrolled=true]) .nav-links a:hover{color:#f4efee}.site-header[data-overlay=true]:not([data-scrolled=true]) .nav-links a[aria-current=page]{color:#93c5d2}.nav{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.site-logo{align-items:center;text-decoration:none;display:inline-flex}.site-logo img{width:auto;height:48px;transition:filter var(--dur) var(--ease-out-quart);margin:-6px -4px;display:block}:root.dark .site-logo img{filter:invert()brightness(1.1)}.nav-links{gap:var(--space-6);display:none}@media (width>=700px){.nav-links{display:inline-flex}}.nav-links a{font-size:var(--fs-14);color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out-quart);text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-links a[aria-current=page]{color:var(--accent)}.nav-actions{align-items:center;gap:var(--space-3);display:inline-flex}.theme-toggle{border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--bg-soft);align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle button{border-radius:var(--r-pill);width:30px;height:30px;color:var(--ink-faint);transition:color var(--dur-fast), background var(--dur-fast);justify-content:center;align-items:center;display:inline-flex}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button[aria-pressed=true]{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm)}.theme-toggle svg{width:14px;height:14px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--r-pill);font-family:var(--font-body);font-size:var(--fs-14);letter-spacing:.005em;white-space:nowrap;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart);will-change:transform;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent);color:var(--bg);box-shadow:var(--shadow-md)}.btn-hot{background:var(--accent-hot);color:#fff;box-shadow:0 1px 2px #e34b264d,0 0 #e34b2600}.btn-hot:hover{background:var(--accent-hot-hover);color:#fff;box-shadow:0 8px 24px #e34b264d}.btn-ghost{color:var(--ink);border:1px solid var(--rule-strong);background:0 0}.btn-ghost:hover{background:var(--bg-soft);border-color:var(--rule-strong)}.btn-link{color:var(--accent);font-size:var(--fs-14);transition:color var(--dur-fast) var(--ease-out-quart), gap var(--dur-fast) var(--ease-out-quart);align-items:center;gap:.4em;padding:.25rem 0;font-weight:500;text-decoration:none;display:inline-flex}.btn-link:hover{color:var(--accent-hover);gap:.6em}.btn-link svg{transition:transform var(--dur-fast) var(--ease-out-quart)}.btn-link:hover svg{transform:translate(2px)}.btn-lg{font-size:var(--fs-16);padding:1rem 1.5rem}.pill{border-radius:var(--r-pill);font-size:var(--fs-12);letter-spacing:.02em;background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--rule);align-items:center;gap:.4em;padding:.3rem .7rem;font-weight:500;display:inline-flex}.pill-hot{background:color-mix(in oklab, var(--accent-hot) 12%, transparent);color:var(--accent-hot);border-color:color-mix(in oklab, var(--accent-hot) 25%, transparent)}.pill-cool{background:color-mix(in oklab, var(--hydro) 14%, transparent);color:var(--hydro);border-color:color-mix(in oklab, var(--hydro) 30%, transparent)}:root.dark .pill-cool{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 30%, transparent)}.section{padding-block:var(--space-24)}.section-soft{background:var(--bg-soft)}@media (width<=640px){.section{padding-block:var(--space-16)}}.section-head{gap:var(--space-3);margin-bottom:var(--space-12);flex-direction:column;max-width:60ch;display:flex}.section-head .eyebrow{display:inline-block}.card{background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r-lg);transition:transform var(--dur) var(--ease-out-quart), box-shadow var(--dur) var(--ease-out-quart), border-color var(--dur) var(--ease-out-quart);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--rule-strong);transform:translateY(-2px)}.card-media{aspect-ratio:4/3;background:var(--bg-soft);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out-quart)}.card:hover .card-media img{transform:scale(1.03)}.card-media-portrait{aspect-ratio:3/4}.card-media-square{aspect-ratio:1}.card-body{padding:var(--space-8);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.card-body h3{font-family:var(--font-display);font-size:var(--fs-32);letter-spacing:-.01em;font-weight:400;line-height:1.05}.card-body h3 em{font-style:italic}.card-body .body-sm{color:var(--ink-soft)}.card-footer{padding:0 var(--space-8) var(--space-8);gap:var(--space-4);flex-wrap:wrap;align-items:center;margin-top:auto;display:flex}.card-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=640px){.card-body{padding:var(--space-6)}.card-footer{padding:0 var(--space-6) var(--space-6)}.card-body h3{font-size:var(--fs-24)}}.site-footer{padding:var(--space-16) 0 var(--space-12);background:var(--bg);border-top:1px solid var(--rule);margin-top:var(--space-24)}.footer-grid{gap:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer-brand .display{font-size:2.25rem;line-height:1.05}.footer-brand .body-sm{max-width:36ch;margin-top:var(--space-3)}.footer-section h3{font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-4);font-weight:500}.footer-list{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.footer-list a{color:var(--ink-soft);font-size:var(--fs-14);text-decoration:none}.footer-list a:hover{color:var(--ink)}.socials{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:inline-flex}.socials a{border-radius:var(--r-pill);width:36px;height:36px;color:var(--ink-soft);border:1px solid var(--rule);transition:color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.socials a:hover{color:var(--ink);background:var(--bg-soft);border-color:var(--rule-strong)}.socials svg{width:16px;height:16px}.footer-meta{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--rule);gap:var(--space-4);color:var(--ink-faint);font-size:var(--fs-12);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer-meta a{color:var(--ink-faint);text-decoration:none}.footer-meta a:hover{color:var(--ink-soft)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rise{opacity:1}html.has-anim .rise{opacity:0}html.has-anim .rise.is-in{animation:rise .76s var(--ease-out-expo) forwards}html.has-anim .rise[data-delay="1"].is-in{animation-delay:80ms}html.has-anim .rise[data-delay="2"].is-in{animation-delay:.16s}html.has-anim .rise[data-delay="3"].is-in{animation-delay:.24s}html.has-anim .rise[data-delay="4"].is-in{animation-delay:.32s}html.has-anim .rise[data-delay="5"].is-in{animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.has-anim .rise{opacity:1}}.hero{background:#0a0c10;align-items:flex-end;min-height:92dvh;margin-top:-88px;padding-top:88px;display:flex;position:relative;overflow:hidden}.hero-image{z-index:0;position:absolute;inset:0}.hero-image img{object-fit:cover;object-position:78% 38%;transform-origin:78%;width:100%;height:100%;animation:heroPulse 14s var(--ease-out-quart) infinite alternate;transform:scale(1.08)}@keyframes heroPulse{0%{transform:scale(1.05)}to{transform:scale(1.1)}}@media (width<=900px){.hero-image img{object-position:70% 35%}}.hero-image:after{content:"";background:linear-gradient(90deg,#080a0fd9 0%,#080a0fa6 28%,#080a0f2e 52%,#080a0f00 70%),linear-gradient(#080a0f8c 0%,#080a0f00 25%),linear-gradient(#080a0f00 50%,#080a0f8c 80%,#080a0feb 100%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;padding-block:var(--space-20) calc(var(--space-16) + 72px);color:var(--ink-on-image);grid-template-columns:1fr;display:grid;position:relative}@media (width>=900px){.hero-inner{grid-template-columns:minmax(0,56%) 1fr}.hero-inner>*{grid-column:1}}.hero-title{font-family:var(--font-display);letter-spacing:-.018em;text-wrap:balance;text-shadow:0 2px 32px #00000073,0 1px 4px #0000004d;max-width:14ch;font-size:clamp(3rem,8vw,6.5rem);font-weight:400;line-height:.96}.hero-title em{font-style:italic}.hero-title .jp{letter-spacing:.18em;text-transform:uppercase;opacity:.78;margin-top:.5em;font-size:.32em;font-weight:300;display:block}.hero-tagline{margin-top:var(--space-8);font-size:var(--fs-18);color:#f4efeeeb;text-shadow:0 1px 8px #00000080;max-width:56ch;line-height:1.55}.hero-tagline strong{color:var(--ink-on-image);font-weight:600}.hero-cta{margin-top:var(--space-10);gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.hero-cta .btn-primary{background:var(--ink-on-image);color:#14110e;box-shadow:var(--shadow-sm)}.hero-cta .btn-primary:hover{color:#14110e;box-shadow:var(--shadow-md);background:#fff}.hero-cta .btn-ghost{color:var(--ink-on-image);background:0 0;border:1px solid #f4efee59}.hero-cta .btn-ghost:hover{color:#fff;background:#f4efee1a;border-color:#f4efee8c}.hero-scroll{bottom:var(--space-6);z-index:2;color:#f4efee99;font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:var(--space-2);transition:color var(--dur-fast) var(--ease-out-quart);flex-direction:column;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.hero-scroll:after{content:"";background:linear-gradient(#f4efee99,#f4efee00);width:1px;height:28px;animation:2.4s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.hero-scroll:hover{color:var(--ink-on-image)}@media (width<=700px){.hero{min-height:80dvh}.hero-inner{padding-bottom:calc(var(--space-12) + 72px)}.hero-tagline{font-size:var(--fs-16)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%}}.intro{padding-block:var(--space-20);border-bottom:1px solid var(--rule)}.intro-grid{gap:var(--space-12);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.intro-grid{gap:var(--space-16);grid-template-columns:1fr 1fr}}.intro-lead{font-family:var(--font-display);font-size:var(--fs-44);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;max-width:24ch;font-weight:400;line-height:1.08}.intro-lead em{font-style:italic}.intro-body{gap:var(--space-6);flex-direction:column;display:flex}.intro-body p{font-size:var(--fs-18);color:var(--ink-soft);line-height:1.65}.intro-body p strong{color:var(--ink);font-weight:600}.now-strip{gap:var(--space-3);padding:var(--space-6);background:var(--bg-soft);border-radius:var(--r-md);border:1px solid var(--rule);flex-direction:column;display:flex}.now-strip .eyebrow{color:var(--accent);align-items:center;gap:.4em;display:inline-flex}.now-strip .eyebrow:before{content:"";background:var(--accent-hot);border-radius:50%;width:6px;height:6px;animation:2s ease-out infinite nowPulse;box-shadow:0 0}@keyframes nowPulse{0%{box-shadow:0 0 #e34b268c}to{box-shadow:0 0 0 8px #e34b2600}}.now-strip ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.now-strip li{gap:var(--space-3);font-size:var(--fs-14);color:var(--ink-soft);align-items:baseline;display:flex}.now-strip li strong{color:var(--ink);min-width:6em;font-weight:500}.services-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=720px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.services-grid{grid-template-columns:repeat(3,1fr)}}.apps-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=900px){.apps-grid{grid-template-columns:2fr 1fr}}.app-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r-xl);padding:var(--space-10);gap:var(--space-8);transition:box-shadow var(--dur) var(--ease-out-quart), border-color var(--dur) var(--ease-out-quart);grid-template-columns:1fr;align-items:center;display:grid}.app-card:hover{box-shadow:var(--shadow-lg);border-color:var(--rule-strong)}@media (width>=720px){.app-card{gap:var(--space-10);grid-template-columns:auto 1fr auto}}.app-icon{width:96px;height:96px;box-shadow:var(--shadow-md);border-radius:22px;flex-shrink:0}.app-card-body{gap:var(--space-3);flex-direction:column;display:flex}.app-card-body h3{font-family:var(--font-display);font-size:var(--fs-32);letter-spacing:-.01em;font-weight:400;line-height:1.05}.app-card-body h3 em{font-style:italic}.app-card-body .body{max-width:50ch}.app-card-cta{gap:var(--space-3);flex-direction:column;align-items:stretch;min-width:180px;display:flex}@media (width<=720px){.app-card-cta{align-items:start}}.coming-soon{background:var(--bg-soft);border:1px dashed var(--rule-strong);border-radius:var(--r-xl);padding:var(--space-10);justify-content:center;align-items:start;gap:var(--space-3);flex-direction:column;min-height:100%;display:flex}.coming-soon .eyebrow{color:var(--accent-hot)}.coming-soon h3{font-family:var(--font-display);font-size:var(--fs-24);font-weight:400;line-height:1.1}.coming-soon p{color:var(--ink-soft);font-size:var(--fs-14)}.contact-band{padding-block:var(--space-24);background:var(--ink);color:var(--bg);text-align:center}:root.dark .contact-band{background:var(--bg-soft);color:var(--ink)}.contact-band .display{color:inherit;max-width:14ch;margin-inline:auto;font-size:clamp(3rem,7vw,6rem);line-height:.96}.contact-band .lede{color:color-mix(in oklab, currentColor 78%, transparent);margin-top:var(--space-6);max-width:50ch;margin-inline:auto}.contact-band .btn{margin-top:0}.contact-band .btn-hot{color:#fff}.contact-cta{margin-top:var(--space-10);gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.contact-band .btn-primary{background:var(--bg);color:var(--ink);box-shadow:var(--shadow-sm)}.contact-band .btn-primary:hover{background:var(--ink-on-image);color:var(--ink);box-shadow:var(--shadow-md)}.contact-band .btn-ghost{color:var(--bg);background:0 0;border:1px solid #fbfaf859}.contact-band .btn-ghost:hover{color:#fff;background:#fbfaf81a;border-color:#fbfaf88c}.tm-banner{background:var(--accent);color:var(--bg);text-align:center;padding:var(--space-3);font-size:var(--fs-14);letter-spacing:.01em;font-weight:500}:root.dark .tm-banner{background:var(--bg-soft);color:var(--accent);border-bottom:1px solid var(--rule)}.tm-hero{padding-block:var(--space-20) var(--space-24);border-bottom:1px solid var(--rule);position:relative;overflow:hidden}.tm-hero:before{content:"";opacity:.18;filter:saturate(.9);z-index:0;background-image:url(/assets/tm-hero.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}:root.dark .tm-hero:before{opacity:.22}.tm-hero:after{content:"";background:linear-gradient(180deg, transparent, var(--bg) 90%);z-index:0;position:absolute;inset:0}.tm-hero>.container{z-index:1;text-align:center;position:relative}.tm-hero .app-icon{margin:0 auto var(--space-8);border-radius:26px;width:112px;height:112px}.tm-hero h1{max-width:16ch;margin:0 auto}.tm-hero .lede{margin:var(--space-6) auto 0;max-width:52ch}.tm-hero .btn{margin-top:var(--space-10)}.tm-screens{justify-content:center;align-items:end;gap:var(--space-6);flex-wrap:wrap;display:flex}.tm-screen{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.tm-screen-img{border:2px solid var(--ink);width:200px;box-shadow:var(--shadow-lg);background:var(--ink);transition:transform var(--dur) var(--ease-out-quart);border-radius:32px;overflow:hidden}.tm-screen-img img{aspect-ratio:1284/2778;width:100%;display:block}.tm-screen-label{font-size:var(--fs-12);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.tm-screen:nth-child(odd) .tm-screen-img{transform:translateY(8px)scale(.94)}.tm-screen:hover .tm-screen-img{transform:translateY(-6px)scale(1.02)}@media (width<=700px){.tm-screen-img{width:160px}}.tm-categories{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=720px){.tm-categories{grid-template-columns:repeat(4,1fr)}}.tm-cat{align-items:start;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r-md);transition:border-color var(--dur), transform var(--dur);flex-direction:column;display:flex}.tm-cat:hover{border-color:var(--rule-strong);transform:translateY(-2px)}.tm-cat-icon{font-size:28px;line-height:1}.tm-cat h3{font-family:var(--font-body);font-size:var(--fs-16);font-weight:600}.tm-cat p{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.5}.tm-steps{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=720px){.tm-steps{grid-template-columns:repeat(3,1fr)}}.tm-step{gap:var(--space-3);flex-direction:column;display:flex}.tm-step-num{border-radius:var(--r-pill);background:var(--accent);width:36px;height:36px;color:var(--bg);font-family:var(--font-display);font-size:var(--fs-18);justify-content:center;align-items:center;font-weight:400;display:inline-flex}.tm-step h3{font-size:var(--fs-18);font-weight:600}.tm-privacy{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=720px){.tm-privacy{grid-template-columns:repeat(3,1fr)}}.tm-privacy-card{padding:var(--space-6);background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r-md)}.tm-privacy-card h3{font-size:var(--fs-16);margin-bottom:var(--space-2);font-weight:600}.tm-privacy-card p{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55}.faq-group+.faq-group{margin-top:var(--space-8)}.faq-group h3{font-size:var(--fs-12);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-2);font-weight:500}.faq-item{border-top:1px solid var(--rule)}.faq-item:last-child{border-bottom:1px solid var(--rule)}.faq-item summary{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;cursor:pointer;font-weight:500;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);transition:transform var(--dur) var(--ease-out-quart);font-size:1.5rem;font-weight:300;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 0 var(--space-4);color:var(--ink-soft);font-size:var(--fs-14);max-width:70ch;line-height:1.6}.atticus-hero{padding-block:var(--space-16) var(--space-12)}.atticus-hero-banner{aspect-ratio:16/9;border-radius:var(--r-xl);box-shadow:var(--shadow-hero);margin-bottom:var(--space-12);background:var(--bg-soft);position:relative;overflow:hidden}.atticus-hero-banner img{object-fit:cover;object-position:center 32%;width:100%;height:100%}.atticus-hero-banner:after{content:"";pointer-events:none;background:linear-gradient(#080a0f00 50%,#080a0f8c 100%);position:absolute;inset:0}.atticus-hero-banner-tag{top:var(--space-6);left:var(--space-6);color:var(--english-breakfast);border-radius:var(--r-pill);font-size:var(--fs-12);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4efeeeb;align-items:center;gap:.4em;padding:.4rem .8rem;font-weight:500;display:inline-flex;position:absolute}@media (width<=700px){.atticus-hero-banner{aspect-ratio:4/5;border-radius:var(--r-lg)}}.atticus-hero h1{max-width:18ch}.atticus-hero .lede{margin-top:var(--space-4);max-width:56ch}.atticus-affiliate{margin-top:var(--space-6);font-size:var(--fs-12);color:var(--ink-faint);letter-spacing:.04em}.atticus-hero-text{gap:var(--space-4);flex-direction:column;align-items:start;display:flex}.atticus-nav{z-index:20;padding:var(--space-4) 0;background:color-mix(in oklab, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(140%)blur(12px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center;position:sticky;top:80px}.atticus-nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}.atticus-nav a{border-radius:var(--r-pill);font-size:var(--fs-14);color:var(--ink-soft);transition:color var(--dur-fast), background var(--dur-fast), border-color var(--dur-fast);border:1px solid #0000;align-items:center;gap:.4em;padding:.5rem 1rem;font-weight:500;text-decoration:none;display:inline-flex}.atticus-nav a:hover{color:var(--ink);background:var(--bg-soft);border-color:var(--rule)}.product-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}.product-card .card-media{aspect-ratio:4/3;padding:var(--space-6);background:var(--bg-soft)}.product-card .card-media img{object-fit:contain}.product-card .card-body h3{font-family:var(--font-body);font-size:var(--fs-16);letter-spacing:-.005em;font-weight:600;line-height:1.3}.product-card .card-body p{color:var(--ink-soft);font-size:var(--fs-14);line-height:1.55}.section-anchor{scroll-margin-top:140px}.section-anchor h2{align-items:baseline;gap:.5em;display:inline-flex}.section-anchor h2 .emoji{font-size:.65em}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100px;left:var(--gutter);background:var(--ink);color:var(--bg);border-radius:var(--r-sm);font-size:var(--fs-14);z-index:100;padding:.5rem 1rem;font-weight:500;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}hr{background:var(--rule);height:1px;margin:var(--space-12) 0;border:none}.divider{align-items:center;gap:var(--space-4);margin-block:var(--space-12);color:var(--ink-faint);display:flex}.divider:before,.divider:after{content:"";background:var(--rule);flex:1;height:1px}