.guul-templates{--tp-paper:#f4f4ee;--tp-paper-deep:#e9e9e1;--tp-ink:#08101f;--tp-ink-soft:#142033;--tp-night:#061712;--tp-muted:#5b6472;--tp-line:rgba(15,23,42,0.1);--tp-accent:#047857;--tp-accent-deep:#065f46;--tp-emerald:#047857;--tp-amber:#b45309;--tp-stage:#ebeae3;--tp-shadow-paper:0 30px 60px -32px rgba(15,23,42,0.5),0 2px 6px rgba(15,23,42,0.08);--tp-shadow-lift:0 44px 80px -36px rgba(15,23,42,0.55),0 4px 10px rgba(15,23,42,0.08);--tp-ease:cubic-bezier(0.2,0.8,0.2,1);background:var(--tp-paper);color:var(--tp-ink);overflow-x:clip}.guul-templates [data-tone=clean-and-direct]{--tp-stage:#ebeae3}.guul-templates [data-tone=formal-and-academic]{--tp-stage:#efe8da}.guul-templates [data-tone=senior-leadership]{--tp-stage:#e1e4ea}.guul-templates [data-tone=sidebar-profiles]{--tp-stage:#e0eee6}.guul-templates [data-tone=two-column-modern]{--tp-stage:#e6e5f5}.guul-templates .tp-eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:var(--tp-muted)}.guul-templates .tp-display{font-family:var(--font-playfair),"Playfair Display",Georgia,serif;font-weight:500;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}.guul-templates .tp-display em{font-style:italic;color:var(--tp-accent)}.guul-templates .tp-stage{position:relative;overflow:hidden;border-radius:22px;background-color:var(--tp-stage);background-image:radial-gradient(rgba(15,23,42,.085) 1px,transparent 0);background-size:18px 18px}.guul-templates .tp-paper{position:relative;overflow:hidden;aspect-ratio:1000/1415;background:#fff;border-radius:4px;box-shadow:var(--tp-shadow-paper);transform:translateZ(0);transition:transform .55s var(--tp-ease),box-shadow .55s var(--tp-ease)}.guul-templates .tp-paper img{display:block;width:100%;height:auto}.guul-templates .tp-card:focus-within .tp-paper,.guul-templates .tp-card:hover .tp-paper{transform:translateY(-8px) rotate(-.6deg);box-shadow:var(--tp-shadow-lift)}.guul-templates .tp-stack{position:relative;aspect-ratio:1/.92}.guul-templates .tp-stack .tp-paper{position:absolute;width:54%;transition:transform .7s var(--tp-ease)}.guul-templates .tp-stack .tp-paper:first-child{left:4%;top:14%;transform:rotate(-9deg);z-index:1}.guul-templates .tp-stack .tp-paper:nth-child(2){left:23%;top:5%;z-index:3}.guul-templates .tp-stack .tp-paper:nth-child(3){right:3%;top:16%;transform:rotate(8deg);z-index:2}.guul-templates .tp-stack:hover .tp-paper:first-child{transform:rotate(-12deg) translate(-4%,-2%)}.guul-templates .tp-stack:hover .tp-paper:nth-child(2){transform:translateY(-3%)}.guul-templates .tp-stack:hover .tp-paper:nth-child(3){transform:rotate(11deg) translate(4%,-2%)}.guul-templates .tp-stack-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--tp-line);background:rgba(255,255,255,.92);box-shadow:0 12px 30px -18px rgba(15,23,42,.5);font-size:12px;font-weight:600;color:var(--tp-ink-soft);backdrop-filter:blur(6px)}.guul-templates .tp-rail{position:sticky;top:calc(4rem + var(--safe-top));z-index:30;border-bottom:1px solid var(--tp-line);background:rgba(244,244,238,.97);backdrop-filter:blur(12px)}.guul-templates .tp-rail ol{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guul-templates .tp-rail ol::-webkit-scrollbar{display:none}.guul-templates .tp-rail a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;white-space:nowrap;font-size:13px;font-weight:600;color:var(--tp-ink-soft);border-bottom:2px solid transparent;transition:color .2s}.guul-templates .tp-rail a:hover{color:var(--tp-accent-deep);border-bottom-color:var(--tp-accent)}.guul-templates .tp-rail a b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--tp-accent)}.guul-templates .tp-schematic{--tp-sch-w:44px;--tp-sch-h:58px;--tp-sch-ink:rgba(8,16,31,0.55);--tp-sch-rail:rgba(4,120,87,0.22);position:relative;display:grid;grid-template-columns:var(--tp-sch-cols,1fr);gap:4px;width:var(--tp-sch-w);height:var(--tp-sch-h);padding:6px;border-radius:4px;background:#fff;border:1px solid var(--tp-line);box-shadow:0 6px 14px -10px rgba(15,23,42,.5);flex:none}.guul-templates .tp-schematic--lg{--tp-sch-w:84px;--tp-sch-h:112px;padding:10px;gap:7px}.guul-templates .tp-schematic[data-layout=sidebar-left]{--tp-sch-cols:0.9fr 1.6fr}.guul-templates .tp-schematic[data-layout=sidebar-right]{--tp-sch-cols:1.6fr 0.9fr}.guul-templates .tp-schematic[data-layout=two-column]{--tp-sch-cols:1fr 1fr}.guul-templates .tp-schematic span{display:block;border-radius:2px;background-image:repeating-linear-gradient(to bottom,var(--tp-sch-ink) 0,var(--tp-sch-ink) 2px,transparent 2px,transparent 6px);background-size:100% 6px}.guul-templates .tp-schematic--lg span{background-image:repeating-linear-gradient(to bottom,var(--tp-sch-ink) 0,var(--tp-sch-ink) 3px,transparent 3px,transparent 9px);background-size:100% 9px}.guul-templates .tp-schematic span[data-rail]{background-color:var(--tp-sch-rail);background-size:70% 6px;background-repeat:repeat-y;background-position:15% 10%}.guul-templates .tp-schematic--lg span[data-rail]{background-size:70% 9px}.guul-templates .tp-spec{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--tp-line)}.guul-templates .tp-spec>div{display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--tp-line)}@media (max-width:420px){.guul-templates .tp-spec>div{grid-template-columns:minmax(0,1fr);gap:2px}}.guul-templates .tp-spec dt{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tp-muted);padding-top:3px}.guul-templates .tp-spec dd{font-size:15px;line-height:1.5;color:var(--tp-ink)}.guul-templates .tp-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:4px 16px 20px;margin-inline:-16px;scrollbar-width:thin;scrollbar-color:rgba(15,23,42,.25) transparent}.guul-templates .tp-strip>*{flex:0 0 auto;width:clamp(188px,46vw,236px);scroll-snap-align:start}@media (min-width:1024px){.guul-templates .tp-strip{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}.guul-templates .tp-proof{--tp-sch-ink:rgba(255,255,255,0.55);--tp-sch-rail:rgba(52,211,153,0.35);position:relative;overflow:hidden;border-radius:28px;background:var(--tp-night);color:#e8ecf3;background-image:radial-gradient(60% 50% at 80% 0,rgba(16,185,129,.26),transparent 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:auto,32px 32px,32px 32px}.guul-templates .tp-proof .tp-schematic{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}.guul-templates .tp-proof .tp-eyebrow{color:#6ee7b7}@keyframes tp-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){.guul-templates .tp-reveal{animation:tp-rise linear both;animation-timeline:view();animation-range:entry 0 entry 32%}}.guul-templates .tp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,color .2s,border-color .2s,transform .2s var(--tp-ease)}.guul-templates .tp-button:hover{transform:translateY(-1px)}.guul-templates .tp-button--primary{background:var(--tp-ink);color:#fff}.guul-templates .tp-button--primary:hover{background:var(--tp-accent);color:#fff}.guul-templates .tp-button--ghost{border:1px solid var(--tp-line);background:rgba(255,255,255,.7);color:var(--tp-ink-soft)}.guul-templates .tp-button--ghost:hover{border-color:rgba(4,120,87,.4);color:var(--tp-accent-deep)}.guul-templates .tp-button--light{background:#fff;color:var(--tp-ink)}.guul-templates .tp-button--light:hover{background:#d1fae5;color:var(--tp-accent-deep)}.guul-templates .tp-button--outline-light{border:1px solid rgba(255,255,255,.28);color:#fff}.guul-templates .tp-button--outline-light:hover{border-color:rgba(255,255,255,.6);color:#fff}.guul-templates .tp-button:focus-visible,.guul-templates a:focus-visible{outline:3px solid var(--tp-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.guul-templates *,.guul-templates :after,.guul-templates :before{animation:none!important;transition:none!important}}