:root{--tb-ink:#1b1a17;--tb-ink-lift:#2a2924;--tb-paper:#f7f3ea;--tb-paper-deep:#ede7d8;--tb-yellow:#f2c200;--tb-slate:#5b5850;--tb-slate-light:#b9b5a9;--tb-crimson:#b8321a;--tb-mist:#e0dacb;--tb-font-display:"Bricolage Grotesque", "Arial Black", Arial, sans-serif;--tb-font-body:"Instrument Sans", Arial, Helvetica, sans-serif;--tb-h1:clamp(3.5rem, 6.5vw, 5.5rem);--tb-h2:clamp(2.25rem, 3.6vw, 3rem);--tb-h3:1.5rem;--tb-body:1.125rem;--tb-small:.9375rem;--tb-caption:.8125rem;--tb-space-1:4px;--tb-space-2:8px;--tb-space-3:12px;--tb-space-4:16px;--tb-space-6:24px;--tb-space-8:32px;--tb-space-12:48px;--tb-space-16:64px;--tb-space-24:96px;--tb-space-32:128px;--tb-pulse-period:1.4s;--tb-ease-out:cubic-bezier(.2, .8, .2, 1);--tb-ease-in:cubic-bezier(.6, 0, .8, .2)}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-latin.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-latin.woff2)format("woff2")}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-italic-latin.woff2)format("woff2")}:root{--ink:#1b1a17;--ink-lift:#2a2924;--paper:#f7f3ea;--paper-deep:#ede7d8;--yellow:#f2c200;--slate:#5b5850;--slate-light:#b9b5a9;--crimson:#b8321a;--mist:#e0dacb;--display:"Bricolage Grotesque","Arial Black",Arial,sans-serif;--body:"Instrument Sans",Arial,Helvetica,sans-serif;--h1:clamp(3rem,7vw,5.75rem);--h2:clamp(2.125rem,3.8vw,3.125rem);--h3:1.5rem;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.6,0,.8,.2);--pulse:1.4s;--gutter:clamp(16px,4vw,48px);--max:1200px;color-scheme:light}*,:before,:after{box-sizing:border-box}.hero .wrap,.head,.stages,.steps,.pair,.loop,.case,.people,.who,.contact .wrap,footer .wrap,.two,.three,.logo-grid,.swatches,.dont,.motif,.apps,.downloads,.recent{grid-template-columns:minmax(0,1fr)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-optical-sizing:auto;margin:0;font-size:1.125rem;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.02em;text-wrap:balance;margin:0}h1{font-size:var(--h1);font-weight:700;line-height:.98}h2{font-size:var(--h2);font-weight:650;line-height:1.05}h3{font-size:var(--h3);letter-spacing:-.01em;font-weight:600;line-height:1.2}p{margin:0 0 1em}p:last-child{margin-bottom:0}.lede{max-width:38ch;font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.45}.muted{color:var(--slate)}.dark .muted{color:var(--slate-light)}.small{font-size:.9375rem}.label{letter-spacing:.04em;color:var(--slate);font-size:.8125rem;font-weight:600}.dark .label{color:var(--slate-light)}.wrap{width:min(100% - 2*var(--gutter),var(--max));margin-inline:auto}.section{padding-block:clamp(72px,10vw,128px)}.dark{background:var(--ink);color:var(--paper)}.deep{background:var(--paper-deep)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.dark :focus-visible{outline-color:var(--yellow)}::selection{background:var(--yellow);color:var(--ink)}.top{z-index:20;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(10px);color:var(--paper);border-bottom:1px solid var(--ink-lift);position:sticky;top:0}.top .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex}.top .brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.top .brand img{width:34px;height:34px}.top nav{gap:28px;display:none}.top nav a{color:var(--slate-light);padding:8px 0;font-size:.9375rem;text-decoration:none}.top nav a:hover,.top nav a:focus-visible{color:var(--paper)}@media (width>=900px){.top nav{display:flex}}.btn{min-height:48px;transition:transform .2s var(--ease-out),background .2s,color .2s;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--body);border:2px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.btn-yellow:hover{background:#ffd21a}.btn-ghost{border-color:var(--slate-light);color:var(--paper);background:0 0}.btn-ghost:hover{border-color:var(--paper)}.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-ink:hover{background:var(--ink-lift)}.btn-line{border-color:var(--ink);color:var(--ink);background:0 0}.btn .dot{background:currentColor;border-radius:50%;flex:none;width:10px;height:10px}.top .btn{min-height:40px;padding:8px 16px;font-size:.9375rem}.top .btn span.t{display:none}@media (width>=600px){.top .btn span.t{display:inline}}.hero{padding-block:clamp(64px,9vw,120px) clamp(56px,7vw,96px);position:relative;overflow:hidden}.hero .wrap{align-items:center;gap:40px;display:grid}@media (width>=900px){.hero .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}}.hero .eyebrow{color:var(--slate-light);align-items:center;gap:12px;margin-bottom:28px;font-size:.9375rem;display:flex}.hero .eyebrow .dot{background:var(--yellow);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.hero .eyebrow .dot:after{content:"";border:2px solid var(--yellow);animation:ring var(--pulse) ease-out infinite;border-radius:50%;position:absolute;inset:-6px}.hero h1 .w{vertical-align:bottom;display:inline-block;overflow:hidden}.hero h1 .w span{animation:rise .7s var(--ease-out) forwards;display:inline-block;transform:translateY(110%)}.hero h1 .w:nth-child(2) span{animation-delay:60ms}.hero h1 .w:nth-child(3) span{animation-delay:.12s}.hero h1 .w:nth-child(4) span{animation-delay:.18s}.hero h1 .w:nth-child(5) span{animation-delay:.24s}.hero h1 .w:nth-child(6) span{animation-delay:.3s}.hero h1 .w:nth-child(7) span{animation-delay:.36s}.hero h1 .w:nth-child(8) span{animation-delay:.42s}.hero h1 .w:nth-child(9) span{animation-delay:.48s}.hero .tick{color:var(--yellow)}.hero .lede{color:var(--slate-light);opacity:0;animation:fade .8s .5s var(--ease-out) forwards;margin-top:28px}.hero .lede strong{color:var(--paper);font-weight:600}.hero .cta{opacity:0;animation:fade .8s .7s var(--ease-out) forwards;flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hero .note{color:var(--slate-light);opacity:0;max-width:44ch;animation:fade .8s .9s var(--ease-out) forwards;margin-top:40px;font-size:.9375rem}.bird{aspect-ratio:1;width:min(100%,60vw);max-width:420px;margin-inline:auto;position:relative}@media (width>=900px){.bird{width:100%}}.bird svg{width:100%;height:100%;position:absolute;inset:0}.bird .head{transform-origin:44% 52%;animation:6s ease-in-out infinite bob}.bird .ring{fill:none;stroke:var(--yellow);stroke-width:1.5px;transform-origin:58% 26%;opacity:0;animation:ring2 calc(var(--pulse)*2) ease-out infinite}.bird .ring.r2{animation-delay:calc(var(--pulse)*.5)}.bird .ring.r3{animation-delay:var(--pulse)}.bird .ring.r4{animation-delay:calc(var(--pulse)*1.5)}.bird .note{fill:var(--yellow);opacity:0;animation:note calc(var(--pulse)) ease-out infinite}.bird .note.n2{animation-delay:calc(var(--pulse)*.5)}.pause{color:var(--slate-light);border:1px solid var(--ink-lift);font:600 .8125rem var(--body);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;position:absolute;bottom:0;right:0}.pause:hover{color:var(--paper);border-color:var(--slate-light)}@keyframes rise{to{transform:translateY(0)}}@keyframes fade{to{opacity:1}}@keyframes ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes ring2{0%{opacity:.9;transform:scale(.2)}70%{opacity:.15}to{opacity:0;transform:scale(1.6)}}@keyframes note{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translateY(-22px)}}@keyframes bob{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-2deg)translateY(-4px)}}.band{background:var(--yellow);color:var(--ink);border-block:2px solid var(--ink);padding:14px 0;overflow:hidden}.band .track{gap:0;width:max-content;animation:42s linear infinite slide;display:flex}.band ul{font-family:var(--display);white-space:nowrap;gap:0;margin:0;padding:0;font-size:1.125rem;font-weight:600;list-style:none;display:flex}.band li{align-items:center;gap:22px;padding:0 22px;display:flex}.band li:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}@keyframes slide{to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(20px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.head{gap:20px;margin-bottom:clamp(40px,6vw,72px);display:grid}@media (width>=900px){.head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:48px}}.head .num{font-family:var(--display);color:var(--slate);align-items:center;gap:10px;margin-bottom:16px;font-size:.9375rem;font-weight:600;display:flex}.dark .head .num{color:var(--slate-light)}.head .num i{background:var(--yellow);border-radius:50%;width:8px;height:8px;display:inline-block}.stages{gap:24px;display:grid}@media (width>=900px){.stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.stage{background:var(--paper);border:1px solid var(--mist);border-radius:20px;flex-direction:column;gap:18px;min-height:100%;padding:28px;display:flex}.deep .stage{background:var(--paper)}.stage .k{font-family:var(--display);color:var(--slate);align-items:center;gap:10px;font-size:.9375rem;font-weight:600;display:flex}.stage .k b{background:var(--ink);width:28px;height:28px;color:var(--paper);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:700;display:grid}.stage.live .k b{background:var(--yellow);color:var(--ink)}.stage .art{background:var(--paper-deep);border-radius:12px;height:150px;position:relative;overflow:hidden}.stage h3{margin-top:4px}.slip{border:1px solid var(--mist);width:82px;height:104px;transition:transform .9s var(--ease-out);background:#fff;border-radius:4px;flex-direction:column;gap:7px;padding:12px 10px;display:flex;position:absolute;box-shadow:0 6px 16px #1b1a1714}.slip i{background:var(--mist);border-radius:3px;height:5px;display:block}.slip i:first-child{background:var(--slate-light);width:60%}.slip.s1{top:22px;left:18px;transform:rotate(-8deg)}.slip.s2{top:34px;left:110px;transform:rotate(5deg)}.slip.s3{top:18px;left:200px;transform:rotate(-3deg)}.in .slip.s1{transform:rotate(-10deg)translateY(-4px)}.in .slip.s2{transform:rotate(7deg)translateY(2px)}.in .slip.s3{transform:rotate(-2deg)translateY(-6px)}.rows{flex-direction:column;gap:9px;display:flex;position:absolute;inset:18px}.row{border:1px solid var(--mist);opacity:0;height:22px;transition:transform .7s var(--ease-out),opacity .7s;background:#fff;border-radius:6px;grid-template-columns:20px 1fr 48px;align-items:center;gap:10px;padding:0 10px;display:grid;transform:translate(-24px)}.row i{background:var(--mist);border-radius:3px;height:5px}.row i:first-child{background:var(--slate-light);border-radius:50%;width:12px;height:12px}.row i:last-child{background:var(--yellow)}.in .row{opacity:1;transform:none}.in .row:nth-child(2){transition-delay:.15s}.in .row:nth-child(3){transition-delay:.3s}.in .row:nth-child(4){transition-delay:.45s}.sum{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid;position:absolute;inset:18px}.sum .card{border:1px solid var(--mist);opacity:0;transition:all .7s var(--ease-out);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex;transform:translateY(12px)}.sum .card i{background:var(--mist);border-radius:3px;height:5px;display:block}.sum .card b{font-family:var(--display);color:var(--ink);font-size:1.4rem;line-height:1}.sum .card.y{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sum .card.y b{color:var(--yellow)}.sum .card.y i{background:var(--ink-lift)}.in .sum .card{opacity:1;transform:none}.in .sum .card:nth-child(2){transition-delay:.2s}.sum .check{background:var(--yellow);opacity:0;width:28px;height:28px;transition:all .5s .6s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:10px;transform:scale(.4)}.in .sum .check{opacity:1;transform:none}.aside{border-left:4px solid var(--yellow);background:var(--paper);border-radius:0 14px 14px 0;max-width:72ch;margin-top:32px;padding:24px 28px}.steps{gap:20px;display:grid;position:relative}@media (width>=900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}.steps:before{content:"";background:var(--mist);width:2px;display:none;position:absolute;top:36px;bottom:36px;left:36px}.step{background:var(--paper);border:1px solid var(--mist);border-radius:20px;padding:32px 28px;position:relative}.step .n{font-family:var(--display);color:var(--mist);font-size:3rem;font-weight:700;line-height:1;position:absolute;top:18px;right:24px}.step .dotline{align-items:center;gap:8px;margin-bottom:20px;display:flex}.step .dotline i{background:var(--mist);border-radius:50%;width:8px;height:8px}.step .dotline i:first-child{background:var(--yellow)}.step h3{margin-bottom:12px}.step .out{border-top:1px solid var(--mist);color:var(--slate);margin-top:20px;padding-top:16px;font-size:.9375rem}.step .out b{color:var(--ink);margin-bottom:4px;font-weight:600;display:block}.line-wrap{background:var(--mist);height:2px;margin:0 0 28px;display:none;position:relative;overflow:hidden}@media (width>=900px){.line-wrap{display:block}}.line-wrap i{background:var(--ink);clip-path:inset(0 100% 0 0);transition:clip-path 1.6s var(--ease-out);position:absolute;inset:0}.line-wrap.in i{clip-path:inset(0)}.pair{gap:24px;margin-top:32px;display:grid}@media (width>=900px){.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}}.tile{background:var(--ink);color:var(--paper);border-radius:20px;padding:28px}.tile h3{color:var(--yellow);margin-bottom:10px}.tile.plain{background:var(--paper);color:var(--ink);border:1px solid var(--mist)}.tile.plain h3{color:var(--ink)}.loop{gap:16px;display:grid}@media (width>=900px){.loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.node{background:var(--ink-lift);border:1px solid #0000;border-radius:18px;padding:26px 24px;transition:border-color .4s;position:relative}.node.on{border-color:var(--yellow)}.node .t{letter-spacing:.04em;color:var(--slate-light);align-items:center;gap:10px;margin-bottom:16px;font-size:.8125rem;font-weight:600;display:flex}.node .t i{background:var(--slate);border-radius:50%;width:10px;height:10px;transition:background .3s}.node.on .t i{background:var(--yellow);box-shadow:0 0 0 5px #f2c20033}.node h3{margin-bottom:10px;font-size:1.25rem}.node p{color:var(--slate-light);font-size:1rem}.case{background:var(--ink-lift);border-radius:24px;gap:28px;margin-top:48px;padding:clamp(28px,4vw,48px);display:grid}@media (width>=900px){.case{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:48px}}.case .metric{font-family:var(--display);color:var(--yellow);letter-spacing:-.04em;font-size:clamp(5rem,10vw,8rem);font-weight:700;line-height:.9}.case .metric small{color:var(--paper);letter-spacing:0;font-size:1.125rem;font-weight:500;font-family:var(--body);margin-top:12px;display:block}.case dl{gap:18px;margin:0;display:grid}.case dt{letter-spacing:.04em;color:var(--slate-light);margin-bottom:4px;font-size:.8125rem;font-weight:600}.case dd{margin:0}.case .tag{color:var(--slate-light);align-items:center;gap:8px;margin-bottom:16px;font-size:.8125rem;font-weight:600;display:inline-flex}.case .tag i{background:var(--yellow);border-radius:50%;width:8px;height:8px}.recent-head{letter-spacing:.04em;color:var(--slate-light);margin:40px 0 0;font-size:.8125rem;font-weight:600}.recent{gap:16px;margin-top:16px;display:grid}@media (width>=900px){.recent{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.rcard{background:var(--ink-lift);border-radius:18px;padding:26px 24px}.rcard .t{letter-spacing:.04em;color:var(--slate-light);align-items:center;gap:10px;margin-bottom:16px;font-size:.8125rem;font-weight:600;display:flex}.rcard .t i{background:var(--yellow);border-radius:50%;flex:none;width:10px;height:10px}.rcard h3{margin-bottom:10px;font-size:1.25rem}.rcard p{color:var(--slate-light);font-size:1rem}.case .foot{color:var(--slate-light);border-top:1px solid var(--ink);padding-top:16px;font-size:.9375rem}.people{gap:24px;margin-top:8px;display:grid}@media (width>=700px){.people{grid-template-columns:repeat(3,minmax(0,1fr))}}.person{gap:14px;display:grid}.person figure{aspect-ratio:3/4;background:var(--paper-deep);border-radius:18px;margin:0;overflow:hidden}.person img{object-fit:cover;filter:grayscale()contrast(1.05);mix-blend-mode:multiply;width:100%;height:100%}.person b{font-family:var(--display);font-size:1.25rem;font-weight:600;display:block}.person span{color:var(--slate);font-size:.9375rem}.who{gap:40px;display:grid}@media (width>=900px){.who{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:64px}}.name-story{background:var(--ink);color:var(--paper);border-radius:20px;gap:16px;padding:28px;display:grid}.name-story .sym{width:64px;height:64px}.name-story p{color:var(--slate-light);font-size:1rem}.name-story p strong{color:var(--paper);font-weight:600}.contact .wrap{align-items:center;gap:32px;display:grid}@media (width>=900px){.contact .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}.contact h2{font-size:clamp(2.5rem,5vw,4rem)}.ways{gap:12px;display:grid}.way{background:var(--ink-lift);color:var(--paper);transition:border-color .2s,transform .2s var(--ease-out);border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;display:flex}.way:hover{border-color:var(--yellow);transform:translateY(-2px)}.way b{font-family:var(--display);font-size:1.25rem;font-weight:600;display:block}.way span{color:var(--slate-light);font-size:.9375rem}.way .arrow{background:var(--yellow);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}footer{background:var(--ink);color:var(--slate-light);border-top:1px solid var(--ink-lift);padding:40px 0}footer .wrap{gap:24px;display:grid}@media (width>=900px){footer .wrap{grid-template-columns:1fr auto;align-items:center}}footer .logo{width:180px}footer nav{flex-wrap:wrap;gap:20px;font-size:.9375rem;display:flex}footer nav a{color:var(--slate-light);text-decoration:none}footer nav a:hover{color:var(--paper)}footer p{margin:0;font-size:.875rem}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero h1 .w span{transform:none}.hero .lede,.hero .cta,.hero .note{opacity:1}.reveal{opacity:1;transform:none}.bird .ring,.bird .note{display:none}.in .row,.row,.sum .card,.sum .check{opacity:1;transform:none}.line-wrap i{clip-path:none}}.guide{padding-block:56px 96px}.guide .toc{align-self:start;display:none;position:sticky;top:72px}@media (width>=1000px){.guide .grid{grid-template-columns:220px minmax(0,1fr);gap:64px;display:grid}.guide .toc{display:block}}.toc ol{gap:8px;margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.toc a{color:var(--slate);align-items:baseline;gap:10px;text-decoration:none;display:flex}.toc a b{font-family:var(--display);color:var(--ink);min-width:2ch;font-weight:600}.toc a:hover{color:var(--ink)}.gsec{border-top:1px solid var(--mist);padding-block:48px}.gsec:first-child{border-top:0;padding-top:0}.gsec h2{margin-bottom:8px}.gsec .num{font-family:var(--display);color:var(--slate);align-items:center;gap:10px;margin-bottom:12px;font-size:.9375rem;font-weight:600;display:flex}.gsec .num i{background:var(--yellow);border-radius:50%;width:8px;height:8px}.gsec .intro{max-width:66ch;margin-bottom:24px}.gsec h3{margin:32px 0 12px}.gsec ul,.gsec ol{margin:0 0 16px;padding-left:22px}.gsec li{margin-bottom:6px}.gsec .tbl{-webkit-overflow-scrolling:touch;border:1px solid var(--mist);border-radius:12px;margin:8px 0 16px;overflow-x:auto}.gsec table{border-collapse:collapse;width:100%;min-width:600px;margin:0;font-size:.9375rem}.gsec th,.gsec td{text-align:left;border-bottom:1px solid var(--mist);vertical-align:top;padding:10px 12px}.gsec th{letter-spacing:.04em;color:var(--slate);font-size:.8125rem;font-weight:600}.gsec code{background:var(--paper-deep);border-radius:4px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.875em}.cover{background:var(--ink);color:var(--paper);border-radius:24px;gap:24px;margin-bottom:56px;padding:clamp(32px,5vw,64px);display:grid;position:relative;overflow:hidden}.cover h1{font-size:clamp(2.5rem,5.5vw,4.5rem)}.cover .meta{color:var(--slate-light);flex-wrap:wrap;gap:12px 28px;font-size:.9375rem;display:flex}.cover .meta b{color:var(--yellow);font-weight:600}.cover .stamp{border:1px solid var(--yellow);color:var(--yellow);letter-spacing:.04em;border-radius:999px;align-items:center;gap:10px;width:max-content;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.cover .logo{width:min(100%,520px)}.two{gap:20px;display:grid}@media (width>=800px){.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.three{gap:20px;display:grid}@media (width>=800px){.three{grid-template-columns:repeat(3,minmax(0,1fr))}}.box{border:1px solid var(--mist);background:var(--paper);border-radius:18px;padding:24px}.box.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.box h4{font-family:var(--display);margin:0 0 10px;font-size:1.0625rem;font-weight:600}.box.dark h4{color:var(--yellow)}.box p,.box li{font-size:1rem}.isnt{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.isnt span{background:var(--ink);color:var(--paper);border-radius:999px;padding:6px 14px;font-size:.9375rem;font-weight:600}.isnt.no span{border:1px solid var(--mist);color:var(--slate);background:0 0;text-decoration:line-through}.logo-grid{gap:16px;display:grid}@media (width>=700px){.logo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.logo-cell{border:1px solid var(--mist);border-radius:18px;place-items:center;min-height:180px;padding:32px;display:grid;position:relative}.logo-cell.dark{background:var(--ink);border-color:var(--ink)}.logo-cell img{width:min(100%,360px)}.logo-cell.sym img{width:120px}.logo-cell .cap{color:var(--slate);font-size:.8125rem;position:absolute;bottom:12px;left:16px}.logo-cell.dark .cap{color:var(--slate-light)}.clear{border:1px dashed var(--slate-light);background:var(--paper);border-radius:18px;place-items:center;padding:40px;display:grid;position:relative}.clear img{width:min(100%,380px)}.clear:before,.clear:after{content:"";background:var(--yellow);opacity:.35;position:absolute}.clear:before{width:40px;inset:0 auto 0 0}.clear:after{width:40px;inset:0 0 0 auto}.sizes{border:1px solid var(--mist);border-radius:18px;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:24px;display:flex}.sizes figure{color:var(--slate);justify-items:center;gap:8px;margin:0;font-size:.8125rem;display:grid}.dont{gap:16px;display:grid}@media (width>=700px){.dont{grid-template-columns:repeat(3,minmax(0,1fr))}}.dont figure{border:1px solid var(--mist);border-radius:16px;place-items:center;gap:12px;margin:0;padding:20px;display:grid;position:relative}.dont figure img{width:150px}.dont figcaption{color:var(--slate);text-align:center;font-size:.9375rem}.dont figure:before{content:"×";color:var(--crimson);font-family:var(--display);font-size:1.25rem;font-weight:700;position:absolute;top:10px;right:14px}.swatches{gap:12px;display:grid}@media (width>=700px){.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.sw{border:1px solid var(--mist);border-radius:16px;flex-direction:column;justify-content:flex-end;gap:2px;min-height:140px;padding:20px;display:flex}.sw b{font-family:var(--display);font-size:1.0625rem;font-weight:600}.sw span{opacity:.85;font-size:.8125rem}.type-spec{border:1px solid var(--mist);border-radius:18px;gap:18px;padding:28px;display:grid}.type-spec .d1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1}.type-spec .d2{font-family:var(--display);font-size:2rem;font-weight:650;line-height:1.05}.type-spec .d3{font-family:var(--display);font-size:1.5rem;font-weight:600}.type-spec .b{max-width:60ch;font-size:1.125rem}.type-spec .s{color:var(--slate);font-size:.9375rem}.type-spec .c{letter-spacing:.04em;color:var(--slate);font-size:.8125rem;font-weight:600}.type-spec em{color:var(--slate);font-size:.8125rem;font-style:normal;display:block}.motif{gap:20px;display:grid}@media (width>=800px){.motif{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pulse-demo{background:var(--ink);border-radius:18px;place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.pulse-demo .p{background:var(--yellow);border-radius:50%;width:14px;height:14px;position:relative}.pulse-demo .p:before,.pulse-demo .p:after{content:"";border:2px solid var(--yellow);animation:ring var(--pulse) ease-out infinite;border-radius:50%;position:absolute;inset:-8px}.pulse-demo .p:after{animation-delay:calc(var(--pulse)*.5)}.dots{border:1px solid var(--mist);border-radius:18px;justify-content:center;align-items:center;gap:14px;min-height:200px;display:flex}.dots i{background:var(--ink);border-radius:50%;width:14px;height:14px;animation:2.1s ease-in-out infinite tink}.dots i:first-child{background:var(--yellow)}.dots i:nth-child(2){animation-delay:.3s}.dots i:nth-child(3){animation-delay:.6s}.dots i:nth-child(4){animation-delay:.9s}.dots i:nth-child(5){animation-delay:1.2s}@keyframes tink{0%,to{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(0)}}.apps{gap:20px;display:grid}@media (width>=800px){.apps{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.app{border:1px solid var(--mist);border-radius:18px;gap:14px;padding:20px;display:grid}.app .cap{color:var(--slate);font-size:.8125rem}.app .btn{white-space:nowrap}.avatar-row{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.avatar-row img{border-radius:50%}.sig{background:var(--paper-deep);border-radius:12px;padding:16px;font-size:.9375rem;line-height:1.5}.sig b{font-family:var(--display);font-weight:600}.sig span{color:var(--slate)}.proposal{background:var(--ink);color:var(--paper);aspect-ratio:16/9;border-radius:12px;flex-direction:column;justify-content:space-between;padding:8% 7%;display:flex}.proposal img{width:36%}.proposal .t{font-family:var(--display);letter-spacing:-.02em;max-width:18ch;font-size:clamp(1.25rem,2.6vw,2rem);font-weight:700;line-height:1}.proposal .f{color:var(--slate-light);justify-content:space-between;gap:12px;font-size:.75rem;display:flex}.banner{background:var(--ink);color:var(--paper);aspect-ratio:4;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:4% 5%;display:flex;position:relative;overflow:hidden}.banner .t{font-family:var(--display);letter-spacing:-.02em;max-width:22ch;font-size:clamp(1rem,2.2vw,1.75rem);font-weight:700;line-height:1.05}.banner .dotsb{gap:8px;display:flex}.banner .dotsb i{background:var(--ink-lift);border-radius:50%;width:10px;height:10px}.banner .dotsb i:first-child{background:var(--yellow)}.invoice{border:1px solid var(--mist);color:var(--slate);background:#fff;border-radius:12px;gap:10px;padding:20px;font-size:.8125rem;display:grid}.invoice img{width:140px}.invoice b{color:var(--ink)}.check{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check li{align-items:flex-start;gap:12px;font-size:1rem;display:flex}.check li:before{content:"";border:2px solid var(--ink);border-radius:5px;flex:none;width:18px;height:18px;margin-top:4px}.downloads{gap:10px;display:grid}@media (width>=700px){.downloads{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.downloads a{border:1px solid var(--mist);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:.9375rem;text-decoration:none;display:flex}.downloads a:hover{border-color:var(--ink)}.downloads a span{color:var(--slate);font-size:.8125rem}.privacy{max-width:68ch}.privacy .prose>p:first-child{margin-top:24px}.privacy .prose>p:last-child{margin-bottom:1em}
