:root{--paper:#F7F6FB;--paper-dot:#E7E4F4;--ink:#1B1836;--ink-soft:#57537C;--ink-faint:#8B87AC;--violet:#6C4CF1;--violet-deep:#4F33D8;--violet-mist:#EEEAFB;--coral:#FF5D73;--coral-mist:#FFECEF;--teal:#00C2A8;--teal-mist:#E2F8F4;--sun:#FFC93C;--sun-mist:#FFF6DF;--sky:#4D9FFF;--card:#FFFFFF;--line:#E6E3F3;--font-display:"Bricolage Grotesque", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;--shadow-sm:0 1px 2px rgba(27,24,54,.05), 0 4px 12px rgba(27,24,54,.05);--shadow-md:0 2px 6px rgba(27,24,54,.06), 0 16px 40px rgba(27,24,54,.10);--shadow-lg:0 4px 12px rgba(27,24,54,.08), 0 32px 80px rgba(76,60,180,.18);--shadow-violet:0 24px 60px rgba(108,76,241,.28);--shadow-coral:0 24px 60px rgba(255,93,115,.26);--shadow-teal:0 24px 60px rgba(0,194,168,.26);--ease-out:cubic-bezier(.22,.9,.28,1);--ease-spring:cubic-bezier(.34,1.56,.5,1);--t-fast:160ms;--t-med:300ms;--container:1200px;--nav-h:72px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}::selection{background:var(--violet);color:#fff}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-deep);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:22px;height:2px;background:var(--violet);border-radius:2px}.display{font-family:var(--font-display);font-weight:800;line-height:1.02;letter-spacing:-.02em}.section-title{font-family:var(--font-display);font-size:clamp(30px, 4.2vw, 46px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:14px 0 10px}.section-sub{color:var(--ink-soft);font-size:17px;max-width:560px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:15px;transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast) var(--ease-out),background var(--t-fast);will-change:transform}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 10px 24px rgb(108 76 241 / .35)}.btn-primary:hover{background:var(--violet-deep);box-shadow:0 14px 32px rgb(108 76 241 / .45)}.btn-ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--shadow-sm)}.btn-ghost:hover{border-color:var(--violet);color:var(--violet-deep)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2A2652}.chip{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap}.chip-violet{background:var(--violet-mist);color:var(--violet-deep)}.chip-coral{background:var(--coral-mist);color:#C92C44}.chip-teal{background:var(--teal-mist);color:#007A6A}.chip-sun{background:var(--sun-mist);color:#8A6100}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgb(27 24 54 / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgb(255 255 255 / .08);box-shadow:0 12px 32px rgb(20 16 45 / .35)}body.admin-bar .nav{top:32px}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.01em;white-space:nowrap;flex:none;color:#fff}.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--violet),var(--sky));display:grid;place-items:center;box-shadow:0 6px 16px rgb(108 76 241 / .4);flex:none}.logo-mark svg{width:20px;height:20px}.logo span em{font-style:normal;color:#A78BFA}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-size:14.5px;font-weight:500;color:#C6C2E6;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.nav-links a svg{width:16px;height:16px;flex:none;opacity:.85}.nav-links a:hover{background:rgb(255 255 255 / .09);color:#fff}.nav-links a.active{color:#fff;font-weight:600;background:rgb(255 255 255 / .12)}.nav-links a.active svg{opacity:1;color:#A78BFA}.nav-actions{display:flex;align-items:center;gap:12px}.nav-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid rgb(255 255 255 / .16);background:rgb(255 255 255 / .08);color:#fff;place-items:center}.nav-toggle svg{width:22px;height:22px}.hero{position:relative;padding:84px 0 110px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--paper-dot) 1.5px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 100%);pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none}.hero-blob.violet{width:480px;height:480px;background:#CDC1FA;top:-140px;right:-80px}.hero-blob.coral{width:360px;height:360px;background:#FFD2DA;bottom:-120px;left:-100px}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero h1{font-family:var(--font-display);font-size:clamp(42px, 5.6vw, 68px);font-weight:800;line-height:1;letter-spacing:-.025em;margin:18px 0 20px}.hero h1 .hl{position:relative;white-space:nowrap;color:var(--violet-deep)}.hero h1 .hl::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.32em;background:var(--sun);z-index:-1;border-radius:4px;transform:skew(-8deg) rotate(-1deg)}.hero-lede{font-size:18px;color:var(--ink-soft);max-width:480px;margin-bottom:30px}.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:38px}.hero-proof{display:flex;align-items:center;gap:14px}.hero-proof .avatars{display:flex}.hero-proof .avatars span{width:38px;height:38px;border-radius:50%;border:2.5px solid var(--paper);margin-left:-10px;display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:#fff}.hero-proof .avatars span:first-child{margin-left:0}.hero-proof p{font-size:13.5px;color:var(--ink-soft);line-height:1.4}.hero-proof strong{color:var(--ink)}.canvas3d{position:relative;height:560px;perspective:1400px}.canvas3d-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 700ms var(--ease-out)}.canvas3d:hover .canvas3d-stage{transition:transform 120ms linear}.artifact{position:absolute;background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:18px;transform-style:preserve-3d}.artifact .art-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.artifact .art-title{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.artifact .dots{display:flex;gap:5px}.artifact .dots i{width:8px;height:8px;border-radius:50%;display:block}.figma-selected{outline:2px dashed var(--violet);outline-offset:6px}.figma-selected::before{content:attr(data-layer);position:absolute;top:-32px;left:-8px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:#fff;background:var(--violet);padding:4px 10px;border-radius:6px 6px 6px 0;white-space:nowrap}.handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--violet);border-radius:2.5px;z-index:2}.handle.tl{top:-11px;left:-11px}.handle.tr{top:-11px;right:-11px}.handle.bl{bottom:-11px;left:-11px}.handle.br{bottom:-11px;right:-11px}.art-calendar{width:300px;top:40px;left:6%;transform:translateZ(70px) rotate(-2deg);z-index:3}.time-block{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;margin-bottom:7px;font-size:13px;font-weight:600}.time-block small{font-family:var(--font-mono);font-weight:500;font-size:10.5px;opacity:.75;margin-left:auto}.time-block.violet{background:var(--violet-mist);color:var(--violet-deep);border-left:3px solid var(--violet)}.time-block.coral{background:var(--coral-mist);color:#C92C44;border-left:3px solid var(--coral)}.time-block.teal{background:var(--teal-mist);color:#007A6A;border-left:3px solid var(--teal)}.time-block.sun{background:var(--sun-mist);color:#8A6100;border-left:3px solid var(--sun)}.time-block:last-child{margin-bottom:0}.art-kanban{width:230px;top:250px;right:2%;transform:translateZ(120px) rotate(3deg);z-index:4}.kanban-col-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:7px}.kanban-col-label i{width:8px;height:8px;border-radius:50%;display:block}.kanban-task{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:500;margin-bottom:8px}.kanban-task .tag{display:inline-block;font-family:var(--font-mono);font-size:9.5px;padding:2px 7px;border-radius:5px;margin-top:6px}.art-timer{width:180px;bottom:16px;left:14%;transform:translateZ(150px) rotate(-4deg);z-index:5;text-align:center;padding:20px 16px}.timer-ring{width:96px;height:96px;margin:0 auto 10px;border-radius:50%;background:conic-gradient(var(--coral) 0 72%,var(--coral-mist) 72% 100%);display:grid;place-items:center}.timer-ring span{width:74px;height:74px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:17px;color:var(--ink)}.art-timer p{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.art-checklist{width:220px;top:12px;right:16%;transform:translateZ(40px) rotate(2deg);z-index:2}.check-item{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;font-weight:500}.check-item+.check-item{border-top:1px dashed var(--line)}.check-box{width:18px;height:18px;flex:none;border-radius:6px;border:2px solid var(--line);display:grid;place-items:center}.check-item.done{color:var(--ink-faint)}.check-item.done .check-box{background:var(--teal);border-color:var(--teal)}.check-item.done .check-box svg{width:11px;height:11px}.check-item.done span{text-decoration:line-through}.cursor-chip{position:absolute;z-index:6;display:flex;align-items:center;gap:0;filter:drop-shadow(0 6px 14px rgb(27 24 54 / .25));pointer-events:none}.cursor-chip svg{width:18px;height:18px}.cursor-chip b{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:#fff;padding:4px 9px;border-radius:4px 10px 10px 10px;margin-left:-2px}.cursor-chip.maya{top:200px;left:2%;animation:floaty 6s ease-in-out infinite}.cursor-chip.leo{top:88px;right:4%;animation:floaty 7s ease-in-out 1.2s infinite}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.marquee{background:var(--ink);color:#fff;overflow:hidden;padding:16px 0;transform:rotate(-1deg) scale(1.02);border-block:1px solid var(--ink)}.marquee-track{display:flex;gap:48px;width:max-content;animation:marquee 26s linear infinite}.marquee-track span{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:48px;white-space:nowrap}.marquee-track i{width:9px;height:9px;border-radius:50%;flex:none}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:100px 0;position:relative}.section-head{margin-bottom:52px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}.section-head .link-more{font-weight:600;font-size:15px;color:var(--violet-deep);display:inline-flex;align-items:center;gap:8px;padding-bottom:4px}.section-head .link-more svg{width:17px;height:17px;transition:transform var(--t-fast) var(--ease-spring)}.section-head .link-more:hover svg{transform:translateX(4px)}.silos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.silo-card{position:relative;background:var(--card);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-sm);border:1.5px solid #fff0;transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med),border-color var(--t-med);display:flex;flex-direction:column;gap:16px;overflow:hidden}.silo-card::after{content:"";position:absolute;top:-60px;right:-60px;width:170px;height:170px;border-radius:50%;opacity:.14;transition:transform var(--t-med) var(--ease-out),opacity var(--t-med)}.silo-card.v::after{background:var(--violet)}.silo-card.c::after{background:var(--coral)}.silo-card.t::after{background:var(--teal)}.silo-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.silo-card.v:hover{border-color:var(--violet)}.silo-card.c:hover{border-color:var(--coral)}.silo-card.t:hover{border-color:var(--teal)}.silo-card:hover::after{transform:scale(1.5);opacity:.2}.silo-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center}.silo-icon svg{width:26px;height:26px}.silo-card.v .silo-icon{background:var(--violet-mist);color:var(--violet-deep)}.silo-card.c .silo-icon{background:var(--coral-mist);color:#C92C44}.silo-card.t .silo-icon{background:var(--teal-mist);color:#007A6A}.silo-card h3{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em}.silo-card>p{color:var(--ink-soft);font-size:14.5px;flex:1}.silo-meta{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.04em}.silo-meta .arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line);transition:all var(--t-fast)}.silo-card:hover .arrow{background:var(--ink);border-color:var(--ink);color:#fff}.silo-meta .arrow svg{width:15px;height:15px}.section-tinted{background:var(--card);border-block:1px solid var(--line)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:var(--paper);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--line);transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med),border-color var(--t-med);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#fff0}.article-cover{height:180px;position:relative;display:grid;place-items:center;overflow:hidden}.article-cover svg.cover-art{width:100%;height:100%}.article-cover .cover-num{position:absolute;top:14px;right:16px;font-family:var(--font-mono);font-size:11px;font-weight:600;background:rgb(255 255 255 / .85);backdrop-filter:blur(4px);padding:4px 10px;border-radius:999px;color:var(--ink)}.article-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}.article-body .row{display:flex;align-items:center;gap:10px}.article-body time{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);margin-left:auto}.article-body h3{font-family:var(--font-display);font-size:19.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.article-body h3 a{transition:color var(--t-fast)}.article-card:hover h3 a{color:var(--violet-deep)}.article-body p{font-size:14px;color:var(--ink-soft);flex:1}.article-foot{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);padding-top:14px;border-top:1px dashed var(--line)}.article-foot svg{width:14px;height:14px}.templates-wrap{background:var(--ink);border-radius:var(--r-xl);padding:clamp(32px, 5vw, 64px);color:#fff;position:relative;overflow:hidden}.templates-wrap::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(255 255 255 / .09) 1.2px,transparent 1.2px);background-size:24px 24px;pointer-events:none}.templates-wrap .eyebrow{color:var(--sun)}.templates-wrap .eyebrow::before{background:var(--sun)}.templates-wrap .section-title{color:#fff}.templates-wrap .section-sub{color:#B7B3D4}.templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;position:relative}.tpl-card{background:rgb(255 255 255 / .06);border:1.5px solid rgb(255 255 255 / .12);border-radius:var(--r-md);padding:20px;transition:transform var(--t-fast) var(--ease-spring),background var(--t-fast),border-color var(--t-fast)}.tpl-card:hover{transform:translateY(-4px);background:rgb(255 255 255 / .1);border-color:rgb(255 255 255 / .28)}.tpl-card .tpl-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px}.tpl-card .tpl-icon svg{width:21px;height:21px}.tpl-card h4{font-family:var(--font-display);font-size:15.5px;font-weight:700;margin-bottom:5px}.tpl-card p{font-size:12.5px;color:#B7B3D4;margin-bottom:14px;min-height:38px}.tpl-card .tpl-dl{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;display:inline-flex;align-items:center;gap:7px;color:#fff}.tpl-card .tpl-dl svg{width:13px;height:13px}.newsletter-card{background:linear-gradient(120deg,var(--violet) 0%,var(--sky) 100%);border-radius:var(--r-xl);padding:clamp(40px, 6vw, 72px);text-align:center;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-violet)}.newsletter-card::before,.newsletter-card::after{content:"";position:absolute;border-radius:50%;border:1.5px dashed rgb(255 255 255 / .35)}.newsletter-card::before{width:340px;height:340px;top:-160px;left:-120px}.newsletter-card::after{width:420px;height:420px;bottom:-220px;right:-140px}.newsletter-card h2{font-family:var(--font-display);font-size:clamp(28px, 4vw, 42px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.newsletter-card>p{color:rgb(255 255 255 / .85);max-width:480px;margin:0 auto 30px}.newsletter-form{display:flex;gap:10px;max-width:460px;margin:0 auto;background:rgb(255 255 255 / .14);backdrop-filter:blur(8px);padding:8px;border-radius:999px;border:1.5px solid rgb(255 255 255 / .25);position:relative}.newsletter-form input{flex:1;min-width:0;background:#fff0;border:0;color:#fff;font:inherit;font-size:15px;padding:10px 18px}.newsletter-form input::placeholder{color:rgb(255 255 255 / .65)}.newsletter-form input:focus{outline:none}.newsletter-form .btn{background:#fff;color:var(--violet-deep);box-shadow:none}.newsletter-form .btn:hover{background:var(--ink);color:#fff}.newsletter-note{font-family:var(--font-mono);font-size:11.5px;color:rgb(255 255 255 / .7);margin-top:18px}.footer{padding:70px 0 36px;background:var(--ink);margin-top:100px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:54px}.footer-brand p{color:#B7B3D4;font-size:14px;margin-top:14px;max-width:280px}.footer h5{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8B87AC;margin-bottom:16px}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col a{font-size:14.5px;color:#C6C2E6;transition:color var(--t-fast)}.footer-col a:hover{color:#A78BFA}.footer-bottom{border-top:1px solid rgb(255 255 255 / .1);padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;color:#8B87AC}.article-hero{padding:72px 0 48px;position:relative}.article-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--paper-dot) 1.5px,transparent 1.5px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 90%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);pointer-events:none}.article-hero .crumbs{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.article-hero .crumbs a:hover{color:var(--violet-deep)}.article-hero h1{font-family:var(--font-display);font-size:clamp(32px, 4.6vw, 54px);font-weight:800;letter-spacing:-.02em;line-height:1.06;max-width:820px;margin:16px 0 22px}.article-hero .byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.byline .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--sun));display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:14px;color:#fff}.byline .who{font-size:14px}.byline .who strong{display:block;font-weight:600}.byline .who span{color:var(--ink-faint);font-family:var(--font-mono);font-size:12px}.article-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;padding-bottom:90px;align-items:start}.toc{position:sticky;top:calc(var(--nav-h) + 28px);background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);padding:22px}body.admin-bar .toc{top:calc(var(--nav-h) + 32px + 28px)}.toc h6{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.toc ul{display:flex;flex-direction:column;gap:4px}.toc a{font-size:13.5px;color:var(--ink-soft);display:block;padding:6px 10px;border-radius:8px;border-left:2px solid #fff0;transition:all var(--t-fast)}.toc a:hover{color:var(--violet-deep);background:var(--violet-mist)}.toc a.on{color:var(--violet-deep);font-weight:600;border-left-color:var(--violet);background:var(--violet-mist)}.toc .toc-cta{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.toc .toc-cta .btn{width:100%;justify-content:center;padding:11px 16px;font-size:13.5px}.toc.is-empty{display:none}.prose{max-width:680px;font-size:17px;color:#33304F}.prose>*+*{margin-top:22px}.prose h2{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.015em;color:var(--ink);margin-top:48px;scroll-margin-top:calc(var(--nav-h) + 20px)}.prose h3{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--ink);margin-top:36px;scroll-margin-top:calc(var(--nav-h) + 20px)}.prose strong{color:var(--ink)}.prose a{color:var(--violet-deep);font-weight:500;text-decoration:underline;text-decoration-color:rgb(108 76 241 / .35);text-underline-offset:3px;transition:text-decoration-color var(--t-fast)}.prose a:hover{text-decoration-color:var(--violet)}.prose ul,.prose ol{padding-left:4px;display:flex;flex-direction:column;gap:10px}.prose ul li{padding-left:28px;position:relative}.prose ul li::before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:3px;background:var(--teal)}.prose ol{counter-reset:step}.prose ol li{padding-left:40px;position:relative;counter-increment:step}.prose ol li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--violet-deep);background:var(--violet-mist);padding:3px 8px;border-radius:7px}.prose blockquote{border-left:3px solid var(--sun);background:var(--sun-mist);border-radius:0 var(--r-md) var(--r-md) 0;padding:20px 26px;font-size:18px;font-weight:500;color:var(--ink)}.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden}.prose th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--ink-faint);background:var(--paper);padding:13px 18px}.prose td{padding:13px 18px;border-top:1px solid var(--line)}.prose tr td:first-child{font-weight:600;color:var(--ink)}.prose img{border-radius:var(--r-md);height:auto}.prose figure{margin-inline:0}.prose figcaption{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin-top:10px;text-align:center}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--violet-mist);color:var(--violet-deep);padding:2px 7px;border-radius:6px}.prose pre{background:var(--ink);color:#E8E6F7;padding:20px 24px;border-radius:var(--r-md);overflow-x:auto;font-size:13.5px}.prose pre code{background:none;color:inherit;padding:0}.callout{display:flex;gap:18px;align-items:flex-start;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);padding:24px;box-shadow:var(--shadow-sm)}.callout .callout-icon{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--violet-mist);color:var(--violet-deep)}.callout .callout-icon svg{width:23px;height:23px}.callout h4{font-family:var(--font-display);font-size:17px;font-weight:700;margin-bottom:4px}.callout p{font-size:14px;color:var(--ink-soft);margin-bottom:12px}.callout .btn{padding:10px 18px;font-size:13.5px}.article-end{margin-top:64px}.author-box{display:flex;gap:20px;align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:26px}.author-box .avatar{width:62px;height:62px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--sun));display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:18px;color:#fff}.author-box h4{font-family:var(--font-display);font-size:17px;font-weight:700}.author-box p{font-size:14px;color:var(--ink-soft)}.reveal{opacity:0;transform:translateY(26px);transition:opacity 650ms var(--ease-out),transform 650ms var(--ease-out)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:160ms}.reveal.d3{transition-delay:240ms}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;gap:64px}.canvas3d{height:520px;max-width:560px;margin:0 auto;width:100%}.silos-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.articles-grid{grid-template-columns:repeat(2,1fr)}.templates-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.toc{position:static}}@media (max-width:768px){.nav-links{display:none}.nav-toggle{display:grid}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:var(--nav-h);left:12px;right:12px;background:#252049;border:1.5px solid rgb(255 255 255 / .12);border-radius:var(--r-md);padding:12px;box-shadow:0 24px 60px rgb(15 12 35 / .5);gap:4px}.nav-links.open a{padding:13px 16px}.hero{padding:56px 0 80px}.canvas3d{height:480px}.art-calendar{left:0;width:270px}.art-kanban{right:0;width:205px}.art-checklist{right:6%;width:195px}.articles-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column;border-radius:var(--r-md)}.newsletter-form .btn{justify-content:center}.section{padding:72px 0}}@media (max-width:480px){.container{padding-inline:18px}.templates-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.hero-ctas .btn{width:100%;justify-content:center}.author-box{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.marquee-track{animation:none}}.wp-site-blocks>*+*,.wp-block-template-part>*+*{margin-block-start:0}.wp-block-template-part{margin:0}.wp-block-post-content:not(.prose)>*+*{margin-block-start:0}.tpf-cards .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0;list-style:none}.tpf-cards .wp-block-post{background:var(--paper);border-radius:var(--r-lg);overflow:hidden;border:1.5px solid var(--line);transition:transform var(--t-med) var(--ease-spring),box-shadow var(--t-med),border-color var(--t-med);display:flex;flex-direction:column}.tpf-cards .wp-block-post:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#fff0}.tpf-cards .wp-block-post-featured-image{margin:0}.tpf-cards .wp-block-post-featured-image img{width:100%;height:180px;object-fit:cover;display:block}.tpf-cards .tpf-card-row{display:flex;align-items:center;gap:10px;padding:22px 22px 0}.tpf-cards .wp-block-post-terms{margin:0}.tpf-cards .wp-block-post-terms a{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;white-space:nowrap;background:var(--violet-mist);color:var(--violet-deep);text-decoration:none}.tpf-cards .wp-block-post-terms a:hover{background:var(--violet);color:#fff}.tpf-cards .wp-block-post-terms__separator{display:none}.tpf-cards .wp-block-post-date{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);margin-left:auto}.tpf-cards .wp-block-post-title{font-family:var(--font-display);font-size:19.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;padding:12px 22px 0;margin:0}.tpf-cards .wp-block-post-title a{color:var(--ink);text-decoration:none;transition:color var(--t-fast)}.tpf-cards .wp-block-post:hover .wp-block-post-title a{color:var(--violet-deep)}.tpf-cards .wp-block-post-excerpt{padding:12px 22px 0;margin:0;flex:1;font-size:14px;color:var(--ink-soft)}.tpf-cards .wp-block-post-excerpt__excerpt{margin:0 0 10px}.tpf-cards .wp-block-post-excerpt__more-link{font-family:var(--font-mono);font-size:11.5px;color:var(--violet-deep);text-decoration:none;font-weight:600;letter-spacing:.04em}.tpf-cards .tpf-card-foot{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint);padding:14px 22px 22px;margin-top:14px;border-top:1px dashed var(--line)}.tpf-cards .tpf-card-foot svg{width:14px;height:14px;flex:none}@media (max-width:1024px){.tpf-cards .wp-block-post-template{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tpf-cards .wp-block-post-template{grid-template-columns:1fr}}.wp-block-query-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:48px;font-family:var(--font-mono);font-size:13px}.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink-soft);text-decoration:none;transition:all var(--t-fast)}.wp-block-query-pagination a:hover{border-color:var(--violet);color:var(--violet-deep)}.wp-block-query-pagination .current{background:var(--ink);border-color:var(--ink);color:#fff}.archive-head{padding:72px 0 0}.archive-head .wp-block-archive-title,.archive-head .wp-block-query-title{font-family:var(--font-display);font-size:clamp(30px, 4.2vw, 46px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:14px 0 10px;max-width:820px}.tpf-crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tpf-crumbs .wp-block-post-terms{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint)}.tpf-crumbs .wp-block-post-terms a{color:var(--ink-faint);text-decoration:none}.tpf-crumbs .wp-block-post-terms a:hover{color:var(--violet-deep)}.tpf-crumbs .wp-block-post-terms__separator{margin:0 2px}.tpf-chip-row .wp-block-post-terms a{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:var(--coral-mist);color:#C92C44;text-decoration:none}.tpf-chip-row .wp-block-post-terms__separator{display:none}.byline .wp-block-post-author{display:flex;align-items:center;gap:14px}.byline .wp-block-post-author__avatar img{width:44px;height:44px;border-radius:50%}.byline .wp-block-post-author__avatar{margin:0}.byline .wp-block-post-author__name{font-weight:600;font-size:14px;display:block}.byline .wp-block-post-author__byline{display:none}.byline .wp-block-post-author__bio{display:none}.byline .wp-block-post-date{color:var(--ink-faint);font-family:var(--font-mono);font-size:12px}.author-box-wp{display:flex;gap:20px;align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:26px}.author-box-wp .wp-block-post-author__avatar img{width:62px;height:62px;border-radius:50%}.author-box-wp .wp-block-post-author__avatar{margin:0;flex:none}.author-box-wp .wp-block-post-author__name{font-family:var(--font-display);font-size:17px;font-weight:700}.author-box-wp .wp-block-post-author__byline{display:none}.author-box-wp .wp-block-post-author__bio{font-size:14px;color:var(--ink-soft);margin-top:4px}.wp-block-button__link,.wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;font-size:15px;background:var(--violet);color:#fff;box-shadow:0 10px 24px rgb(108 76 241 / .35);transition:transform var(--t-fast) var(--ease-spring),box-shadow var(--t-fast) var(--ease-out),background var(--t-fast)}.wp-block-button__link:hover{background:var(--violet-deep);color:#fff;transform:translateY(-2px)}.ad-slot{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-block:2.5rem;background:var(--card);border:1.5px dashed var(--line);border-radius:var(--r-md)}.ad-slot--end{min-height:250px}.ad-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}@media (max-width:768px){.ad-slot{min-height:250px}}.page-hero-simple{padding:96px 0 48px;text-align:center}.page-hero-simple h1{font-family:var(--font-display);font-size:clamp(34px, 5vw, 56px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.page-hero-simple p{color:var(--ink-soft);font-size:17px;max-width:520px;margin:0 auto 30px}.not-found-code{font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--violet-deep);background:var(--violet-mist);display:inline-block;padding:6px 14px;border-radius:999px;margin-bottom:18px}.prose input[type="text"],.prose input[type="email"],.prose textarea{width:100%;font:inherit;font-size:15px;padding:13px 18px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink)}.prose input:focus,.prose textarea:focus{outline:3px solid var(--violet-mist);border-color:var(--violet)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tpf-contact-form .tpf-field{margin:0 0 20px}.tpf-contact-form label{display:block;font-weight:600;margin-bottom:6px}.tpf-contact-form .tpf-submit{display:inline-block;font:inherit;font-weight:700;padding:13px 32px;border:0;border-radius:999px;background:var(--violet);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tpf-contact-form .tpf-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(108 76 241 / .35)}.tpf-form-notice{padding:14px 20px;border-radius:var(--r-sm);font-weight:600}.tpf-form-notice--ok{background:var(--teal-mist);border:1.5px solid var(--teal)}.tpf-form-notice--err{background:var(--coral-mist);border:1.5px solid var(--coral)}.prose p+p,.prose h2+p,.prose h3+p,.prose h4+p,.prose ul+p,.prose ol+p,.prose table+p,.prose figure+p,.prose blockquote+p,.prose pre+p,.prose div+p,.prose section+p,.prose dl+p,.prose hr+p{margin-top:22px;margin-block-start:22px}.prose p+ul,.prose p+ol,.prose p+table,.prose p+figure,.prose p+blockquote,.prose p+pre,.prose p+dl,.prose p+h4,.prose p+h5,.prose ul+ol,.prose ol+ul,.prose ul+table,.prose ol+table,.prose table+ul,.prose table+ol,.prose table+figure,.prose figure+ul,.prose figure+ol,.prose figure+table,.prose blockquote+ul,.prose blockquote+ol,.prose blockquote+table,.prose div+ul,.prose div+ol,.prose div+table,.prose div+figure{margin-top:22px;margin-block-start:22px}.prose h2+p,.prose h2+ul,.prose h2+ol,.prose h2+table,.prose h2+figure,.prose h2+blockquote,.prose h2+div,.prose h3+p,.prose h3+ul,.prose h3+ol,.prose h3+table,.prose h3+figure,.prose h3+blockquote,.prose h3+div,.prose h4+p,.prose h4+ul,.prose h4+ol{margin-top:14px;margin-block-start:14px}.prose h4{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);margin-top:30px;margin-block-start:30px}.prose li p{margin-top:0;margin-block-start:0}.prose li p+p{margin-top:10px;margin-block-start:10px}.prose>:first-child{margin-top:0;margin-block-start:0}.prose .tpf-related{margin-top:56px;padding-top:32px;border-top:1.5px solid var(--line)}.prose .tpf-rel-h{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 18px}.prose .tpf-related ul{display:grid;grid-template-columns:1fr;gap:12px;padding:0;margin:0;list-style:none}.prose .tpf-related li{padding-left:0;position:static;margin:0}.prose .tpf-related li::before{content:none;display:none}.prose .tpf-related a{display:flex;flex-direction:column;gap:5px;padding:15px 20px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);text-decoration:none;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}.prose .tpf-related a:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.prose .tpf-rel-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--violet-deep)}.prose .tpf-rel-title{font-family:var(--font-display);font-weight:700;font-size:17.5px;line-height:1.28;color:var(--ink)}.tpl-library{max-width:1100px}.tpl-library .tpl-lib-intro{font-size:17px;line-height:1.62;color:var(--ink-soft);max-width:62ch;margin:0 0 40px}.tpl-library .tpl-lib-h{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:40px 0 16px;padding-bottom:12px;border-bottom:1.5px solid var(--line)}.tpl-library .tpl-lib-h:first-of-type{margin-top:0}.tpl-lib-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tpl-lib-item{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:22px 24px;display:flex;flex-direction:column;gap:9px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.tpl-lib-item:hover{border-color:var(--violet);box-shadow:var(--shadow-sm)}.tpl-lib-fmt{font-family:var(--font-mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--violet-deep);background:var(--violet-mist);border-radius:999px;padding:5px 12px;align-self:flex-start}.tpl-lib-item h3{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25;margin:0}.tpl-lib-item h3 a{color:var(--ink);text-decoration:none}.tpl-lib-item:hover h3 a{color:var(--violet-deep)}.tpl-lib-item p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-soft)}.tpl-lib-dl{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px!important}.tpl-lib-dl a{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--ink);text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;transition:border-color var(--t-fast),color var(--t-fast)}.tpl-lib-dl a::before{content:"93 a0";color:var(--violet)}.tpl-lib-dl a:hover{border-color:var(--violet);color:var(--violet-deep)}.tpl-lib-foot{margin-top:40px;padding-top:24px;border-top:1.5px solid var(--line);font-size:15px;color:var(--ink-soft)}.tpl-lib-foot a{color:var(--violet-deep)}@media (max-width:820px){.tpl-lib-grid{grid-template-columns:1fr}}.templates-wrap .tpl-lib-more{margin-top:26px;text-align:center}.templates-wrap .tpl-lib-more a{font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-decoration:none;border:1.5px solid rgb(255 255 255 / .28);border-radius:999px;padding:12px 24px;display:inline-block;transition:border-color var(--t-fast),background var(--t-fast)}.templates-wrap .tpl-lib-more a:hover{border-color:var(--sun);background:rgb(255 255 255 / .06)}.prose .tpf-figure{margin-top:30px;margin-bottom:30px}.prose .tpf-figure img{width:100%;height:auto;display:block;border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff}.prose .tpf-figure figcaption{font-family:var(--font-body);font-size:14.5px;line-height:1.5;color:var(--ink-faint);text-align:left;margin-top:12px;padding-left:14px;border-left:2.5px solid var(--line)}header.wp-block-template-part{position:sticky;top:0;z-index:100}header.wp-block-template-part .nav{position:static;backdrop-filter:none;-webkit-backdrop-filter:none;background:#1B1836}.footer-col ul li a{display:inline-flex;align-items:center;gap:10px}.footer-col ul li svg{width:15px;height:15px;flex:none;opacity:.48;transition:opacity var(--t-fast)}.footer-col ul li a:hover svg{opacity:1}.footer-brand .footer-note{margin-top:14px;padding-top:14px;border-top:1px solid rgb(255 255 255 / .10);font-size:13.5px;line-height:1.6;color:rgb(255 255 255 / .52);max-width:42ch}@keyframes tpf-rise{from{transform:translateY(22px)}to{transform:translateY(0)}}.hero .reveal{opacity:1;transform:none;transition:none;animation:tpf-rise 620ms var(--ease-out) both}.hero .reveal.d1{animation-delay:60ms}.hero .reveal.d2{animation-delay:120ms}.hero .reveal.d3{animation-delay:180ms}@media (prefers-reduced-motion:reduce){.hero .reveal{animation:none}}.prose .tpf-figure picture{display:block;width:100%}.prose .tpf-figure picture img{display:block;width:100%;height:100%;object-fit:cover}