.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:min(720px,100svh - 96px);padding-block:clamp(28px,7vh,72px) clamp(36px,8vh,80px);display:grid}.hero-copy{justify-items:start;gap:clamp(12px,2.2vh,20px);min-width:0;display:grid}.hero-title{gap:2px;width:100%;margin:0;font-weight:400;display:grid}.hero-headline{font-family:var(--font-hand);white-space:nowrap;letter-spacing:-.01em;font-size:clamp(2.3rem,min(4.2vw,8.4vh),4rem);font-weight:400;line-height:1.25}.hero-for{font-family:var(--font-hand);flex-wrap:wrap;align-items:baseline;gap:.28em;font-size:clamp(1.8rem,min(1rem + 2vw,6vh),2.9rem);line-height:1.3;display:flex}.hero-rotator{white-space:nowrap;background-image:url(/images/marker.svg);background-position:0 92%;background-repeat:no-repeat;background-size:100% 62%;border-radius:0;flex:none;background-color:#0000!important}.hero-for{flex-wrap:nowrap}.hero-lede{max-width:38ch;color:var(--graphite);font-size:clamp(1rem,min(.9rem + .3vw,2.5vh),1.15rem);line-height:1.5}.hero-cta{margin-top:var(--space-xs);display:inline-block}.hero-note{color:var(--margin);font-family:var(--font-hand);margin-top:2px;font-size:.95rem;font-weight:300;rotate:-1.2deg}.hero-desk{justify-items:center;gap:clamp(10px,2vh,20px);min-width:0;display:grid;position:relative}.hero-stack{aspect-ratio:612/470;width:min(100%,500px,58vh);position:relative}.hero-stack>div:first-child{width:100%;height:100%}.desk-sheet{background:var(--sheet);border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.desk-sheet:before{content:"";background:color-mix(in srgb, var(--margin) 55%, transparent);pointer-events:none;width:1.5px;position:absolute;inset:0 auto 0 4.6%}.hero-sticker{z-index:20;width:clamp(64px,10vh,88px);position:absolute;top:-6px;right:-20px}.hero-try{width:min(100%,500px,58vh)}.hero-try-label{color:var(--graphite);font-family:var(--font-hand);margin-bottom:4px;font-size:.98rem;font-weight:300}@media (max-width:900px){.hero{min-height:0;padding-top:var(--space-md);grid-template-columns:minmax(0,1fr)}.hero-desk{margin-top:var(--space-lg)}.hero-sticker{width:84px;inset:auto 6px -26px auto}.hero-try{justify-self:stretch}}.section-head{gap:var(--space-sm);max-width:62ch;margin-bottom:var(--space-lg);display:grid}.section-head p,.roster-head p{color:var(--graphite);font-size:1.1rem}.roster h2,.styles h2,.promises h2,.tools h2{border-bottom:1.5px solid var(--rule);font-family:var(--font-hand);letter-spacing:0;padding-bottom:.18em;font-size:clamp(1.9rem,1.25rem + 2.1vw,2.9rem);font-weight:400;line-height:1.35}.roster h2>span,.styles h2>span,.promises h2>span,.tools h2>span{letter-spacing:0!important;line-height:1.35!important}.section-head p,.roster-head p{max-width:52ch}.roster{padding-block:var(--space-xl) var(--space-xxl)}.roster-head{gap:var(--space-sm);margin-bottom:var(--space-lg);display:grid}.roster-head p{max-width:56ch}.roster-tape{gap:10px;padding-block:18px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.roster-tile{background:var(--sheet);width:210px;box-shadow:var(--shadow-paper);border-radius:6px;padding:14px 14px 8px;position:relative;rotate:-1.4deg}.roster-tile:nth-child(2n){rotate:1.2deg}.roster-tile:before{content:"";background:color-mix(in srgb, var(--pencil) 55%, transparent);border-radius:2px;width:62px;height:18px;position:absolute;top:-9px;left:50%;translate:-50%;rotate:-4deg}.roster-tile:nth-child(3n):before{background:color-mix(in srgb, var(--rule) 70%, transparent)}.roster-tile:nth-child(3n+1):before{background:color-mix(in srgb, var(--margin) 40%, transparent)}.roster-tile svg{width:100%;height:auto;display:block}.pack{margin-top:var(--space-xl);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.pack-copy{gap:var(--space-sm);justify-items:start;display:grid}.pack-copy h3{font-family:var(--font-hand);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:400;line-height:1.35}.pack-copy p{color:var(--graphite)}.pack-link{border-radius:var(--radius-pill);background:var(--plum);color:var(--sheet);padding:.7em 1.4em;font-weight:800;text-decoration:none}.pack-link:hover{background:var(--plum-hover);color:var(--sheet)}.pack-pages{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.6vw,20px);margin:0;padding:0;list-style:none;display:grid}.pack-pages li{justify-items:center;gap:8px;display:grid}.pack-page{background:var(--sheet);width:100%;box-shadow:var(--shadow-paper);transition:rotate .2s var(--ease-out), translate .2s var(--ease-out);border-radius:3px;display:block;rotate:-1.5deg}.pack-pages li:nth-child(2n) .pack-page{rotate:1.2deg}.pack-pages li:hover .pack-page{translate:0 -4px;rotate:0deg}.pack-page svg{width:100%;height:auto;display:block}.pack-label{color:var(--graphite);font-family:var(--font-hand);text-align:center;font-size:.85rem;font-weight:300}@media (max-width:860px){.pack{grid-template-columns:minmax(0,1fr)}.pack-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}.styles{padding-bottom:var(--space-xxl)}.showcase{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.showcase-stage{gap:var(--space-sm);min-width:0;display:grid}.showcase-caption{color:var(--margin);font-family:var(--font-hand);text-align:center;font-size:1rem;font-weight:300}.showcase-card{background:var(--sheet)!important}.showcase-sheet{background:linear-gradient(90deg, transparent 30px, color-mix(in srgb, var(--margin) 55%, transparent) 30px, color-mix(in srgb, var(--margin) 55%, transparent) 31.5px, transparent 31.5px), var(--sheet);height:100%;padding:14px 12px 0 22px}.showcase-sheet svg{width:100%;height:auto;display:block}.showcase-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.showcase-list li{display:grid}.showcase-pick{border:1.5px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--sheet) 55%, transparent);width:100%;color:var(--ink);text-align:left;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), transform .16s var(--ease-out);align-content:start;gap:4px;padding:14px 18px;display:grid}.showcase-pick:hover{border-color:color-mix(in srgb, var(--plum) 35%, var(--line))}.showcase-pick:active{transform:scale(.98)}.showcase-pick[data-active]{border-color:var(--plum);background:var(--sheet);box-shadow:inset 4px 0 0 var(--plum)}.showcase-title svg{width:min(220px,100%);height:auto;display:block}.showcase-desc{color:var(--graphite);font-size:.92rem;line-height:1.4}@media (max-width:860px){.showcase{gap:var(--space-md);grid-template-columns:minmax(0,1fr)}.showcase-list{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-pick{height:100%;padding:10px 12px}.showcase-desc{display:none}}.promises{gap:var(--space-xl);padding-bottom:var(--space-xxl);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;display:grid}.promise-list{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.promise-list li{align-items:center;gap:14px;font-size:1.25rem;line-height:1.4;display:flex}.promise-list li>:first-child{flex:none}@media (max-width:800px){.promises{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.tools{padding-bottom:var(--space-xl)}.drawer{gap:var(--space-lg);display:grid}.drawer-desk{border-radius:var(--radius-md);background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--graphite) 14%, transparent) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--paper-deep);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.drawer-cell{align-content:end;justify-items:center;gap:var(--space-sm);min-width:0;padding:130px 12px 24px;display:grid}.drawer-cell+.drawer-cell{border-left:1px dashed color-mix(in srgb, var(--graphite) 25%, transparent)}.drawer-caption{color:var(--graphite);font-family:var(--font-hand);font-size:.9rem;font-weight:300}.drawer-caption a{font-family:var(--font-body);font-weight:700}@media (max-width:860px){.drawer-desk{grid-template-columns:minmax(0,1fr)}.drawer-cell{padding-top:110px}.drawer-cell+.drawer-cell{border-left:0;border-top:1px dashed color-mix(in srgb, var(--graphite) 25%, transparent)}}.drawer-paper{background:#fffdf8;align-content:start;gap:4px;height:100%;padding:10px 9px;display:grid;position:relative;overflow:hidden}.drawer-paper-title{color:var(--ink);font-family:var(--font-hand);font-size:.72rem;line-height:1.3}.drawer-paper-preview svg{width:100%;height:auto;display:block}.drawer-stamp{border:1.5px solid var(--graphite);color:var(--graphite);letter-spacing:.02em;border-radius:4px;padding:1px 6px;font-size:.55rem;font-weight:800;position:absolute;bottom:8px;right:6px;rotate:-8deg}.drawer-stamp.ready{border-color:var(--leaf);color:var(--leaf)}.drawer-index{column-gap:var(--space-xl);border-top:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:860px){.drawer-index{grid-template-columns:minmax(0,1fr)}}.drawer-index li{align-items:baseline;gap:var(--space-sm);border-bottom:1px solid var(--line);grid-template-columns:2rem minmax(0,auto) minmax(16px,1fr) auto;padding-block:14px;display:grid}.drawer-num{color:var(--graphite);font-weight:700}.drawer-text{gap:2px;min-width:0;display:grid}.drawer-text a,.drawer-name{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.drawer-name{color:var(--graphite)}.drawer-note{color:var(--graphite);font-size:.9rem}.drawer-leader{border-bottom:2px dotted color-mix(in srgb, var(--graphite) 40%, transparent);align-self:center}.drawer-status{color:var(--graphite);font-size:.9rem}.drawer-status.ready{color:var(--leaf);font-weight:800}@media (max-width:860px){.drawer-index li{grid-template-columns:1.6rem minmax(0,1fr) auto}.drawer-leader{display:none}}@media (max-width:640px){.roster,.styles,.promises,.tools{padding-bottom:72px}.roster{padding-top:var(--space-lg)}}:lang(id) .hero-title{gap:clamp(6px,1.6vh,14px)}:lang(id) .hero-headline{font-size:clamp(2.1rem,min(3.7vw,7.6vh),3.6rem)}@media (max-width:720px){:lang(id) .hero-headline{font-size:8.4vw}}.browse{gap:var(--space-lg);margin-top:var(--space-xxl);display:grid}.browse-grid{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.browse h3{margin-bottom:var(--space-sm)}.browse ul{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.browse-icon{width:22px;height:22px;display:block}.browse-icon svg{width:100%;height:100%;display:block}@media (max-width:760px){.browse-grid{gap:var(--space-lg);grid-template-columns:minmax(0,1fr)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-hero{grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:center;gap:clamp(28px,4vw,64px);min-height:min(640px,100svh - 88px);padding-block:clamp(20px,5vh,56px) clamp(24px,5vh,56px);display:grid}.home-hero-copy{gap:clamp(10px,1.8vh,18px);min-width:0;display:grid}.home-kicker{color:var(--plum);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:800}.home-title{font-family:var(--font-hand);margin:0;font-size:clamp(2.2rem,min(4.4vw,8vh),3.9rem);font-weight:400;line-height:1.28}.home-mark{white-space:nowrap;background-image:url(/images/marker.svg);background-position:0 94%;background-repeat:no-repeat;background-size:100% 58%}.home-lede{max-width:34rem;color:var(--graphite);margin:0;font-size:clamp(1.02rem,.95rem + .3vw,1.16rem);line-height:1.6}.home-search{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--sheet);max-width:32rem;box-shadow:var(--shadow-paper);padding:5px;display:flex}.home-search:focus-within{border-color:var(--plum)}.home-search .search-field{flex:1;min-width:0}.home-search .search-field input,.home-search .search-field input:focus-visible{background:0 0;border:0;outline:none;min-height:44px}.home-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--plum) 18%, transparent), var(--shadow-paper)}.home-search-go{border-radius:var(--radius-pill);background:var(--plum);min-height:44px;color:var(--sheet);font:inherit;cursor:pointer;border:0;flex:none;padding:0 22px;font-weight:800}.home-search-go:hover{background:var(--plum-hover)}.home-popular{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.home-trust{color:var(--graphite);flex-wrap:wrap;gap:4px 18px;margin:0;font-size:.9rem;font-weight:600;display:flex}.home-trust span:before{content:"✓";color:#4f9d5d;margin-right:6px;font-weight:800}.home-fan{aspect-ratio:1;width:100%;max-width:520px;margin-inline:auto;position:relative}.fan-sheet{background:var(--sheet);width:54%;box-shadow:var(--shadow-lift);color:var(--ink);transform-origin:50% 110%;transition:transform .26s var(--ease-out), box-shadow .26s var(--ease-out);border-radius:4px;text-decoration:none;position:absolute;top:8%;left:50%}.fan-img img{border-radius:4px;width:100%;height:auto;display:block}.fan-0{z-index:1;transform:translate(-50%)translate(-38%)rotate(-11deg)}.fan-1{z-index:2;transform:translate(-50%)translate(-14%)rotate(-4deg)}.fan-2{z-index:3;transform:translate(-50%)translate(9%)rotate(3deg)}.fan-3{z-index:4;transform:translate(-50%)translate(29%)rotate(9deg)}.fan-sheet:hover,.fan-sheet:focus-visible{z-index:10;box-shadow:0 30px 50px -20px #241b2f73}.fan-0:hover,.fan-0:focus-visible{transform:translate(-50%)translate(-38%)rotate(-11deg)translateY(-14px)}.fan-1:hover,.fan-1:focus-visible{transform:translate(-50%)translate(-14%)rotate(-4deg)translateY(-14px)}.fan-2:hover,.fan-2:focus-visible{transform:translate(-50%)translate(9%)rotate(3deg)translateY(-14px)}.fan-3:hover,.fan-3:focus-visible{transform:translate(-50%)translate(29%)rotate(9deg)translateY(-14px)}.fan-tab{background:var(--plum);color:var(--sheet);white-space:nowrap;border-radius:6px 6px 0 0;padding:3px 10px;font-size:.78rem;font-weight:800;position:absolute;top:-22px;left:12px}.fan-1 .fan-tab{background:#e2725b}.fan-2 .fan-tab{background:#6d84c4}.fan-3 .fan-tab{background:#4f9d5d}@media (prefers-reduced-motion:reduce){.fan-sheet{transition:none}}.home-desk{margin-top:calc(-1 * var(--space-md))}.name-demo .hero{min-height:0;padding-block:var(--space-xl) var(--space-lg)}.subjects{padding-block:var(--space-lg) var(--space-xl)}.subjects h2,.fase h2,.pack-feature h2{font-family:var(--font-hand);margin:0;font-size:clamp(1.8rem,1.3rem + 1.8vw,2.6rem);font-weight:400;line-height:1.3}.subject-grid{gap:54px var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));margin:46px 0 0;padding:0;list-style:none;display:grid}.subject{border:1.5px solid color-mix(in srgb, var(--band) 30%, var(--line));background:linear-gradient(90deg, transparent 38px, #e2725b8c 38px 39.5px, transparent 39.5px), repeating-linear-gradient(180deg, transparent 0 33px, #e3e8f5 33px 34px) 0 22px / 100% 100%, var(--sheet);box-shadow:var(--shadow-paper);border-radius:0 16px 16px;grid-template-rows:1fr auto;gap:10px;padding:22px 22px 18px 54px;display:grid;position:relative}.subject-tab{background:var(--band);color:var(--sheet);white-space:nowrap;border-radius:12px 14px 0 0;align-items:center;gap:8px;margin:0;padding:8px 18px 7px 12px;font-size:1.02rem;font-weight:800;display:inline-flex;position:absolute;bottom:100%;left:-1.5px}.subject-icon{background:var(--sheet);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;padding:2px;display:grid}.subject-icon svg{width:100%;height:100%;display:block}.subject-stamp{border:2px dashed color-mix(in srgb, var(--band) 75%, transparent);background:var(--sheet);width:62px;height:62px;color:var(--band);text-align:center;border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:-20px;right:18px;transform:rotate(-12deg)}.subject-stamp b{font-size:1.35rem}.subject-stamp span{letter-spacing:.06em;text-transform:uppercase;margin-top:-14px;font-size:.66rem;font-weight:800}.subject-body{align-items:start;gap:var(--space-md);grid-template-columns:minmax(0,1fr) 118px;display:grid}.subject-links{align-content:start;align-self:start;margin:0;padding:0;list-style:none;display:grid}.subject-links a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;padding-right:1.2em;font-weight:650;line-height:34px;text-decoration:none;display:block;position:relative;overflow:hidden}.subject-links a:after{content:"→";color:var(--band);opacity:0;transition:opacity .16s;position:absolute;right:0}.subject-links a:hover{color:var(--band)}.subject-links a:hover:after{opacity:1}.subject-sheet{background:var(--sheet);box-shadow:var(--shadow-paper);border-radius:2px;margin-top:40px;display:block;position:relative;transform:rotate(3deg)}.subject-sheet img{border-radius:2px;width:100%;height:auto;display:block}.subject-clip{width:14px;height:36px;position:absolute;top:-16px;left:14px}.subject-all{color:var(--band);justify-self:start;font-weight:800}.pack-feature{margin-bottom:var(--space-lg);padding-block:var(--space-xl);background:color-mix(in srgb, var(--plum) 7%, var(--paper))}.pack-feature-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.pack-feature-copy{gap:var(--space-sm);justify-items:start;display:grid}.pack-feature-copy p{color:var(--graphite);margin:0;line-height:1.6}.pack-themes{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pack-themes span{width:22px;height:22px;display:inline-flex}.pack-feature-cta{border-radius:var(--radius-pill);align-items:center;text-decoration:none;display:inline-flex}.pack-feature-cta:hover{background:var(--plum-hover);color:var(--sheet)}.pack-feature-sheets{aspect-ratio:1.25;position:relative}.pf-sheet{width:46%;box-shadow:var(--shadow-lift);border-radius:3px;position:absolute;top:4%}.pf-sheet img{border-radius:3px;width:100%;height:auto;display:block}.pf-0{z-index:1;left:0;transform:rotate(-6deg)}.pf-1{z-index:3;top:0;left:27%;transform:rotate(1deg)}.pf-2{z-index:2;left:54%;transform:rotate(7deg)}@media (max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr);min-height:0}.home-fan{aspect-ratio:1/.9;max-width:440px}.fan-sheet{width:50%}.subject-grid,.pack-feature-inner{grid-template-columns:minmax(0,1fr)}.subject-grid{row-gap:58px}}@media (max-width:520px){.home-title{font-size:2.05rem}.subject{padding-left:50px}.subject-body{grid-template-columns:minmax(0,1fr)}.subject-sheet{display:none}.home-search-go{padding:0 16px}.fan-sheet{width:46%}.fan-0,.fan-0:hover{transform:translate(-50%)translate(-42%)rotate(-10deg)}.fan-1,.fan-1:hover{transform:translate(-50%)translate(-14%)rotate(-3deg)}.fan-2,.fan-2:hover{transform:translate(-50%)translate(14%)rotate(3deg)}.fan-3,.fan-3:hover{transform:translate(-50%)translate(42%)rotate(9deg)}.home-fan{aspect-ratio:1/.8}.fan-0 .fan-tab,.fan-1 .fan-tab,.fan-2 .fan-tab{display:none}.pf-sheet{width:42%}.pf-1{left:28%}.pf-2{left:55%;transform:rotate(5deg)}}