@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/familjen-grotesk-vietnamese-wght-normal.DKRsWTd7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/familjen-grotesk-latin-ext-wght-normal.Cvgdx4cy.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/familjen-grotesk-latin-wght-normal.CfZa4wxB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:oklch(16% .014 190);--surface:oklch(23% .016 190);--surface-raised:oklch(28% .018 190);--paper:oklch(96% .006 190);--paper-2:oklch(91% .008 190);--muted:oklch(74% .012 190);--petrol:oklch(58% .105 187);--petrol-dark:oklch(38% .072 187);--petrol-pale:oklch(88% .055 187);--apricot:oklch(79% .12 64);--apricot-dark:oklch(32% .055 64);--error:oklch(64% .19 28);--line-dark:oklch(33% .018 190);--line-light:oklch(82% .01 190);--font:"Familjen Grotesk Variable", "Arial", sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--page:min(100% - 2rem, 90rem);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:20rem;color:var(--paper);font-family:var(--font);font-kerning:normal;font-optical-sizing:auto;text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--apricot);outline-offset:4px}.skip-link{z-index:100;background:var(--paper);color:var(--ink);border-radius:8px;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;translate:0 -200%}.skip-link:focus{translate:0}.site-header{z-index:20;width:var(--page);justify-content:space-between;align-items:center;gap:var(--space-md);min-height:5rem;margin-inline:auto;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.025em;align-items:center;gap:.65rem;min-height:2.75rem;font-size:1.3rem;font-weight:670;display:inline-flex}.brand-mark{fill:none;stroke:currentColor;stroke-width:1.75px;width:1.75rem;height:1.75rem;overflow:visible}.brand-mark circle{fill:var(--apricot);stroke:var(--apricot)}.desktop-nav{display:none}.header-release{border:1px solid var(--petrol);min-height:2.75rem;transition:color .18s ease, background-color .18s ease, transform .18s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding-inline:1rem;font-size:.85rem;font-weight:620;display:inline-flex}.header-release span{display:none}.header-release:hover{background:var(--petrol);color:var(--ink);transform:translateY(-1px)}.hero{isolation:isolate;align-items:center;min-height:53rem;padding:8rem max(1rem,50% - 45rem) 5rem;display:grid;position:relative;overflow:hidden}.hero-backdrop,.hero-shade{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-backdrop{object-fit:cover;object-position:60% center;opacity:.42;filter:saturate(.82)contrast(1.04)}.hero-shade{z-index:-1;background:color-mix(in oklch, var(--ink) 80%, transparent)}.hero-copy{align-self:center;max-width:42rem}.hero-note,.section-heading>p,.feature-copy>p,.offline-section>div>p,.release>div>p,.guide-proof-copy>p,.related-guides>p,.guide-explanation p{margin:0 0 var(--space-md);color:var(--petrol-pale);font-size:.93rem;font-weight:650}.hero h1{letter-spacing:-.038em;text-wrap:balance;max-width:10ch;margin:0;font-size:clamp(3.5rem,13vw,6rem);font-weight:710;line-height:.94}.hero h1 span{color:var(--apricot)}.hero-lead{max-width:31rem;margin:var(--space-xl) 0 0;text-wrap:pretty;font-size:clamp(1.2rem,2.4vw,1.55rem);line-height:1.35}.hero-proof{margin:var(--space-lg) 0 0;color:var(--petrol-pale);font-size:1.03rem}.hero-actions{margin-top:var(--space-xl);align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.button{min-height:3rem;transition:transform .18s var(--ease), background-color .18s ease, color .18s ease;border-radius:999px;justify-content:center;align-items:center;padding-inline:1.25rem;font-weight:660;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--apricot);color:var(--apricot-dark)}.button--primary:hover{background:var(--paper)}.text-link{align-items:center;gap:.5rem;min-height:2.75rem;font-weight:620;display:inline-flex}.text-link span{color:var(--petrol)}.hero-device{width:min(78vw,21rem);margin:var(--space-3xl) auto 0;filter:drop-shadow(0 1.8rem 2.5rem oklch(0% none none/.55));animation:device-in .7s var(--ease) both}.device-shell{background:oklch(8% .01 190);border:.45rem solid oklch(36% .01 190);border-radius:3rem;padding:.55rem;position:relative;overflow:hidden}.device-island{background:#000;border-radius:999px;width:5.5rem;height:1.35rem;margin:.15rem auto .45rem}.device-bar{justify-content:space-between;min-height:2.25rem;padding:.25rem .6rem .55rem;font-size:.7rem;display:flex}.device-tools{height:3.5rem;color:var(--muted);justify-content:space-around;align-items:center;gap:.25rem;font-size:.62rem;display:flex}.device-tools .active{color:var(--apricot)}.story-canvas{aspect-ratio:9/16;background:var(--surface);display:grid;position:relative;overflow:hidden}.story-canvas img{object-fit:cover;width:100%;min-width:0;height:100%;min-height:0}.story-canvas--trio{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.18rem}.story-canvas--trio img:first-child{grid-row:1/3}.story-canvas--trio img:nth-child(n+4){display:none}.story-canvas--equal{grid-template-rows:repeat(3,1fr);gap:.18rem}.story-canvas--equal img:nth-child(n+4){display:none}.story-canvas--editorial{background:var(--paper);grid-template-rows:.7fr 1fr .8fr;grid-template-columns:.85fr 1.15fr;gap:.32rem;padding:.32rem}.story-canvas--editorial img:first-child{grid-row:1/3}.story-canvas--editorial img:nth-child(3){grid-column:1/3}.story-canvas--editorial img:nth-child(4){display:none}.story-label{color:var(--paper);text-align:right;font-size:clamp(.7rem,1.6vw,1rem);font-weight:660;line-height:1;position:absolute;bottom:.9rem;right:.8rem}.process{background:var(--paper);color:var(--ink);padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem)}.section-heading{max-width:47rem}.section-heading>p{color:var(--petrol-dark)}.section-heading h2,.feature-copy h2,.offline-section h2,.release h2,.guide-proof h2{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.35rem,6vw,4.75rem);font-weight:700;line-height:1}.process-steps{margin:var(--space-3xl) 0 0;border-block:1px solid var(--line-light);padding:0;list-style:none}.process-steps li{padding:var(--space-lg) 0;gap:var(--space-md);border-bottom:1px solid var(--line-light);grid-template-columns:3rem 1fr;display:grid}.process-steps li:last-child{border-bottom:0}.process-steps li>span{color:var(--petrol-dark);font-variant-numeric:tabular-nums;font-weight:680}.process-steps h3{margin:0;font-size:1.15rem}.process-steps p{color:oklch(40% .015 190);margin:.2rem 0 0}.process-stage{margin-top:var(--space-3xl);gap:var(--space-xl);align-items:end;display:grid}.editor-window{background:var(--ink);max-width:58rem;color:var(--paper);box-shadow:0 8px 0 var(--petrol);overflow:hidden}.editor-top{min-height:3.5rem;color:var(--muted);justify-content:space-between;align-items:center;padding-inline:1rem;font-size:.82rem;display:flex}.editor-top strong{color:var(--paper)}.editor-layout{width:min(62%,20rem);margin-inline:auto}.editor-strip{scrollbar-width:none;gap:.5rem;min-height:4.25rem;padding:.65rem;display:flex;overflow-x:auto}.editor-strip span{background:var(--surface);text-align:center;border-radius:8px;flex:none;min-width:6rem;padding:.6rem;font-size:.75rem}.process-caption{max-width:31rem}.process-caption strong{font-size:1.35rem}.process-caption p{color:oklch(39% .016 190);margin:.5rem 0 0;font-size:1.05rem}.feature-section{gap:var(--space-3xl);padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem);display:grid}.feature-visual{width:min(92%,27rem);margin-inline:auto;position:relative}.feature-visual .story-canvas{box-shadow:1rem 1rem 0 var(--petrol-dark)}.color-readout{background:var(--apricot);width:10rem;color:var(--apricot-dark);border-radius:10px;grid-template-columns:1fr auto;padding:.8rem;font-size:.78rem;display:grid;position:absolute;bottom:2rem;right:-1rem}.color-readout strong{font-variant-numeric:tabular-nums}.color-readout i{background:var(--apricot-dark);transform-origin:0;grid-column:1/3;height:3px;margin-top:.5rem;transform:scaleX(.62)}.feature-copy>p{color:var(--petrol-pale)}.feature-ledger{margin-top:var(--space-2xl);border-top:1px solid var(--line-dark)}.feature-ledger article{padding:var(--space-lg) 0;gap:var(--space-md);border-bottom:1px solid var(--line-dark);grid-template-columns:2.5rem 1fr;display:grid}.feature-ledger article>span{color:var(--petrol);font-variant-numeric:tabular-nums}.feature-ledger h3{margin:0;font-size:1.25rem}.feature-ledger p{max-width:35rem;color:var(--muted);margin:.35rem 0 0}.templates{background:var(--surface);padding:clamp(5rem,9vw,8rem) 0;overflow:hidden}.templates .section-heading,.template-note{width:var(--page);margin-inline:auto}.templates .section-heading>p{color:var(--petrol-pale)}.template-rail{margin-top:var(--space-3xl);align-items:center;gap:var(--space-lg);scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(1rem,50% - 45rem);display:flex;overflow-x:auto}.template-item{scroll-snap-align:center;flex:0 0 clamp(13rem,25vw,20rem)}.template-item--high{flex-basis:clamp(15rem,29vw,23rem)}.template-item .story-canvas{transition:transform .28s var(--ease)}.template-item span{color:var(--muted);margin-top:.8rem;font-size:.9rem;display:block}.template-note{max-width:48rem;margin-top:var(--space-2xl);color:var(--muted);font-size:1.05rem}@media (hover:hover){.template-item:hover .story-canvas{transform:translateY(-.5rem)}}.offline-section{background:var(--petrol);color:var(--ink);gap:var(--space-3xl);padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem);display:grid}.offline-section>div>p{color:var(--ink)}.offline-statement{align-self:end;max-width:34rem}.offline-statement strong{color:var(--paper);letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.75rem);line-height:1;display:block}.offline-statement p{margin:var(--space-lg) 0 0;font-size:1.08rem}.guides,.faq{background:var(--paper);color:var(--ink);padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem)}.guide-list{margin-top:var(--space-3xl);border-top:1px solid var(--line-light)}.guide-list a{min-height:7rem;padding:var(--space-lg) 3rem var(--space-lg) 0;border-bottom:1px solid var(--line-light);gap:.5rem;transition:color .16s;display:grid;position:relative}.guide-list a>span{transition:transform .22s var(--ease);font-size:1.25rem;font-weight:680}.guide-list a p{color:oklch(39% .016 190);max-width:54rem;margin:0}.guide-list a i{color:var(--petrol-dark);font-size:1.35rem;font-style:normal;position:absolute;top:1.5rem;right:.2rem}.guide-list a:hover{color:var(--petrol-dark)}.guide-list a:hover>span{transform:translate(.5rem)}.faq{padding-top:0}.faq-list{margin-top:var(--space-3xl);border-top:1px solid var(--line-light)}.faq details{border-bottom:1px solid var(--line-light)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:1rem 0;font-size:1.15rem;font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--petrol-dark);transition:transform .22s var(--ease);font-size:1.5rem}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:oklch(38% .016 190);max-width:55rem;margin:-.25rem 0 1.5rem}.release{gap:var(--space-2xl);align-items:end;padding:clamp(4rem,8vw,7rem) max(1rem,50% - 45rem);display:grid}.release>div>p{color:var(--apricot)}.release>p{max-width:36rem;color:var(--muted);margin:0;font-size:1.05rem}.site-footer{width:var(--page);padding:var(--space-3xl) 0 max(var(--space-xl), env(safe-area-inset-bottom));gap:var(--space-2xl);border-top:1px solid var(--line-dark);margin-inline:auto;display:grid}.footer-brand p{color:var(--muted)}.footer-guides h2{color:var(--petrol-pale);margin:0 0 .8rem;font-size:.9rem}.footer-guides ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.footer-guides a{color:var(--muted)}.footer-guides a:hover{color:var(--paper)}.footer-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.84rem;display:flex}.footer-meta p{margin:0 auto 0 0}.guide-page{background:var(--paper);color:var(--ink)}.guide-page+.site-footer{background:var(--ink)}.guide-hero{align-items:center;gap:var(--space-3xl);background:var(--ink);min-height:47rem;color:var(--paper);padding:8rem max(1rem,50% - 45rem) 5rem;display:grid}.guide-hero-copy{max-width:47rem}.back-link{min-height:2.75rem;color:var(--petrol-pale);align-items:center;font-weight:620;display:inline-flex}.guide-hero h1{margin:var(--space-lg) 0 0;letter-spacing:-.038em;text-wrap:balance;font-size:clamp(3rem,8vw,5.6rem);font-weight:710;line-height:.98}.guide-hero-copy>p{max-width:41rem;margin:var(--space-xl) 0;color:var(--muted);font-size:clamp(1.12rem,2vw,1.35rem)}.guide-hero-visual{min-height:32rem;position:relative;overflow:hidden}.guide-hero-visual>img{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.guide-phone{border:.35rem solid var(--surface-raised);filter:drop-shadow(0 1rem 1.2rem oklch(0% none none/.45));background:#000;border-radius:2.4rem;width:min(46%,15rem);margin:3rem auto;padding:.4rem;position:relative;transform:rotate(4deg)}.guide-phone .story-canvas{border-radius:1.7rem}.guide-explanation{gap:var(--space-3xl);padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem);display:grid}.guide-explanation>div{max-width:58rem}.guide-explanation p{color:var(--petrol-dark)}.guide-explanation h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.12}.guide-explanation>div:last-child{justify-self:end}.guide-proof{background:var(--surface);color:var(--paper);gap:var(--space-3xl);align-items:center;padding:clamp(5rem,9vw,8rem) max(1rem,50% - 45rem);display:grid}.guide-proof-copy ul{margin:var(--space-xl) 0 0;border-top:1px solid var(--line-dark);padding:0;list-style:none}.guide-proof-copy li{border-bottom:1px solid var(--line-dark);color:var(--muted);padding:1rem 0}.mini-editor{background:var(--ink);width:100%;min-width:0;max-width:35rem;box-shadow:0 8px 0 var(--petrol);margin-inline:auto;overflow:hidden}.mini-editor__top{min-height:3rem;color:var(--muted);justify-content:space-between;align-items:center;padding-inline:.8rem;font-size:.72rem;display:flex}.mini-editor .story-canvas{width:50%;margin-inline:auto}.mini-editor__tools{gap:.5rem;min-height:3.5rem;padding:.6rem;display:flex;overflow-x:auto}.mini-editor__tools span{background:var(--surface-raised);text-align:center;border-radius:8px;min-width:5rem;padding:.5rem;font-size:.72rem}.related-guides{padding:clamp(4rem,8vw,7rem) max(1rem,50% - 45rem)}.related-guides>p{color:var(--petrol-dark)}.related-guides a{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;min-height:4.5rem;font-size:1.25rem;font-weight:650;display:flex}.related-guides i{color:var(--petrol-dark);font-style:normal}.guide-proof>*{min-width:0}.not-found{align-content:center;justify-items:start;min-height:78vh;padding:9rem max(1rem,50% - 45rem) 5rem;display:grid}.not-found>p{color:var(--petrol-pale);margin:0;font-weight:680}.not-found h1{letter-spacing:-.038em;max-width:11ch;margin:1rem 0 2rem;font-size:clamp(3rem,9vw,6rem);line-height:.96}@keyframes device-in{0%{opacity:0;transform:translateY(2.5rem)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (width>=42rem){:root{--page:min(100% - 3rem, 90rem)}.header-release span{display:inline}.process-steps{grid-template-columns:repeat(3,1fr);display:grid}.process-steps li{min-height:10rem;padding:var(--space-xl);border-bottom:0;border-right:1px solid var(--line-light);grid-template-columns:1fr}.process-steps li:last-child{border-right:0}.guide-list a{grid-template-columns:minmax(11rem,.65fr) 1.35fr;align-items:center}.site-footer{grid-template-columns:1.4fr 1fr 1fr}.footer-meta{grid-column:1/-1}}@media (width>=62rem){.desktop-nav{color:var(--muted);align-items:center;gap:2rem;font-size:.9rem;display:flex}.desktop-nav a{align-items:center;min-height:2.75rem;display:inline-flex}.desktop-nav a:hover{color:var(--paper)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(19rem,.8fr);gap:3rem;min-height:54rem}.hero-shade{background:linear-gradient(90deg, var(--ink) 8%, color-mix(in oklch, var(--ink) 92%, transparent) 46%, color-mix(in oklch, var(--ink) 56%, transparent))}.hero-device{margin:5rem auto -8rem}.process{padding-top:10rem}.process-stage{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr)}.feature-section{grid-template-columns:minmax(20rem,.85fr) minmax(0,1.15fr)}.feature-visual{align-self:start;position:sticky;top:4rem}.offline-section{grid-template-columns:1.1fr .9fr}.release{grid-template-columns:1.2fr .8fr}.guide-hero{grid-template-columns:1.05fr .95fr}.guide-proof{grid-template-columns:.85fr 1.15fr}}@media (width>=85rem){.hero-device{width:23rem}.feature-visual{width:30rem}}@media (pointer:coarse){.desktop-nav a,.header-release,.button,.text-link,.related-guides a{min-height:3rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.hero-actions,.template-rail{display:none}body,.guide-page,.process,.guides,.faq{color:#000;background:#fff}}