@font-face{font-family:Perfectly Nineties;src:url(/fonts/PerfectlyNineties-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Perfectly Nineties;src:url(/fonts/PerfectlyNineties-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}:root{--hero-bg:#d8dcff;--marquee-bg:#8a95e9;--section-green:#3f6738;--section-blue:#8f9af2;--ink:#141414;--muted:hsla(0,0%,8%,.72);--card-bg:#f3f4fc;--card-border:rgba(0,0,0,.12);--btn:#cbd35b;--mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--dot:"DotGothic16",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--logo:"DotGothic16",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--max:1100px;--pad:clamp(18px,3vw,36px);--shadow:0 10px 26px rgba(0,0,0,.1)}*{box-sizing:border-box}body{margin:0;font-family:var(--mono);color:var(--ink);background:#fff;letter-spacing:.1px}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - var(--pad) * 2));margin:0 auto}.top{background:#fff;padding:22px var(--pad) 0}.topRow{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.brand{font-family:var(--logo);color:#5860c4;font-size:44px;line-height:1}.nav{display:flex;align-items:center;gap:18px;font-size:13px;color:hsla(0,0%,8%,.7);flex-wrap:wrap;justify-content:flex-end}.nav a{padding:6px 8px;border-radius:6px}.nav a:hover{background:rgba(0,0,0,.05)}.nav .ctaLink{border:1px solid rgba(0,0,0,.14);background:#fff}.hero{background:var(--hero-bg);padding:64px 0 74px;margin-top:14px}.heroGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(22px,5vw,56px);align-items:center}@media (max-width:900px){.heroGrid{grid-template-columns:1fr}}.heroTitle{font-family:var(--dot);font-size:clamp(44px,5vw,64px);margin:0 0 14px;color:#5c64c9}.heroSub{margin:0 0 22px;font-size:15px;line-height:1.6;color:var(--muted);max-width:52ch}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--btn);border:1px solid rgba(0,0,0,.12);padding:12px 18px;border-radius:6px;font-size:14px;box-shadow:0 2px 0 rgba(0,0,0,.12);transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.12)}.stack{position:relative;height:360px;width:min(420px,100%);justify-self:end}.sheet{position:absolute;inset:0;border-radius:10px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.1)}.sheet.back{background:#fff;transform:rotate(-6deg) translate(18px,18px);opacity:.95}.sheet.front{background:#f3f4fc;transform:rotate(6deg) translateY(26px)}.marquee{background:var(--marquee-bg);border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12);overflow:hidden;white-space:nowrap}.track{display:inline-flex;gap:26px;padding:10px 0;font-size:14px;color:hsla(0,0%,8%,.65);animation:scroll 18s linear infinite;will-change:transform}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.section{padding:56px 0 70px;color:#fff}.green{background:var(--section-green)}.blue{background:var(--section-blue)}.sectionTitle{font-family:var(--dot);font-size:clamp(34px,4vw,48px);text-align:center;margin:0 0 10px;letter-spacing:.2px}.sectionSub{text-align:center;margin:0 auto 38px;max-width:72ch;font-size:13px;line-height:1.6;opacity:.92}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:980px){.cards{grid-template-columns:1fr}}.card{background:var(--card-bg);color:#111;border:1px solid var(--card-border);border-radius:0;padding:18px;box-shadow:var(--shadow)}.cardImg{height:220px;background:#d9d9d9;border:1px solid rgba(0,0,0,.12);margin-bottom:14px}.cardTitle{font-family:var(--mono);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin:0 0 10px}.cardBody{margin:0;font-size:13px;line-height:1.65;color:rgba(0,0,0,.82);white-space:pre-line}.demoGrid{display:grid;grid-template-columns:.4fr 1fr;gap:28px;align-items:start;margin-top:34px}@media (max-width:980px){.demoGrid{grid-template-columns:1fr}}.demoPanel{background:hsla(0,0%,100%,.18);border:1px solid rgba(0,0,0,.18);box-shadow:var(--shadow);min-height:360px}.demoLeft{padding:18px;display:flex;flex-direction:column;gap:10px}.blueprintNav{background:hsla(0,0%,100%,.18);border:1px solid rgba(0,0,0,.18)}.navHeader{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.7);margin-bottom:8px;padding:0 4px}.demoItem,.navHeader{font-family:var(--mono)}.demoItem{background:hsla(0,0%,100%,.22);border:1px solid rgba(0,0,0,.12);padding:10px 12px;font-size:13px;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;gap:10px;border-radius:6px}.demoItem:hover{background:hsla(0,0%,100%,.35);border-color:rgba(0,0,0,.2)}.demoItem.active{background:hsla(0,0%,100%,.45);border-color:rgba(0,0,0,.25);font-weight:500}.navDot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.5);flex-shrink:0}.demoItem.active .navDot{background:var(--btn)}.navLabel{font-size:13px;color:hsla(0,0%,100%,.9)}.demoRight{padding:18px;display:flex;flex-direction:column;height:100%}.demoHeader{font-family:var(--dot);font-size:28px;margin:0 0 10px;color:#fff}.demoText{margin:0 0 18px;font-size:13px;line-height:1.6;opacity:.92;max-width:62ch}.blueprintPreview{background:hsla(0,0%,100%,.95);color:var(--ink);display:flex;flex-direction:column;gap:18px;min-height:360px}.blueprintHeader{border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:12px}.blueprintTitle{font-family:var(--mono);font-weight:500;font-size:18px;letter-spacing:.02em;color:var(--ink);margin-bottom:4px}.blueprintBreadcrumb{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:lowercase}.blueprintContent{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.wireframeLayout{flex:1;display:grid;grid-template-columns:.6fr 2fr;gap:12px;min-height:0;overflow:hidden}.blueprintSection{display:flex;flex-direction:column;gap:6px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.blueprintSection:last-child{border-bottom:none}.sectionLabel{font-family:var(--mono);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.6)}.sectionValue{font-family:var(--mono);font-size:13px;color:rgba(0,0,0,.85);line-height:1.5}.statusBadge{display:inline-block;background:rgba(203,211,91,.3);padding:3px 8px;border-radius:3px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:rgba(0,0,0,.8)}.roleList{display:flex;flex-direction:column;gap:6px}.roleItem{display:flex;align-items:center;gap:8px;font-size:12px}.roleName{font-family:var(--mono);font-weight:500;text-transform:lowercase;color:rgba(0,0,0,.7);min-width:50px}.roleUser{color:rgba(0,0,0,.5)}.promoTag,.roleUser{font-family:var(--mono);font-size:11px}.promoTag{display:inline-block;background:rgba(0,0,0,.08);padding:3px 8px;border-radius:3px;font-weight:500;color:rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.05em}.metricsList,.propertyList,.testList,.typographyList,.variantList{display:flex;flex-direction:column;gap:6px}.metricItem,.propertyItem,.testItem,.typographyItem,.variantItem{font-family:var(--mono);font-size:12px;color:rgba(0,0,0,.75)}.metricLabel,.testName{font-weight:500;margin-right:8px}.testStatus{font-size:10px;background:rgba(203,211,91,.3);padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}.metricValue{font-weight:500;color:rgba(0,0,0,.9)}.wireframePreview{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;display:flex;flex-direction:column;min-height:0}.wireframePreviewHeader{font-family:var(--mono);font-weight:600;font-size:12px;color:rgba(0,0,0,.8);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.wireframePreviewContent{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.wireframePreviewBlock{background:hsla(0,0%,100%,.6);border:2px solid rgba(0,0,0,.15);border-radius:4px;padding:10px;cursor:pointer;transition:all .1s ease}.wireframePreviewBlock:hover{border-color:rgba(0,0,0,.25);background:hsla(0,0%,100%,.8)}.wireframePreviewBlock.active{border-color:rgba(91,113,255,.5);background:rgba(91,113,255,.1)}.wireframeBlocks{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;display:flex;flex-direction:column;min-height:0}.wireframeBlocksHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}.blocksHeaderTitle{font-family:var(--mono);font-weight:600;font-size:12px;color:rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:.05em}.blocksHeaderAction{font-family:var(--mono);font-size:11px;color:rgba(0,0,0,.6);text-decoration:underline;text-decoration-style:dashed;cursor:pointer}.wireframeBlocksContent{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.blockListItem{background:hsla(0,0%,100%,.8);border:2px solid rgba(0,0,0,.12);border-radius:4px;padding:10px;cursor:pointer;transition:all .1s ease}.blockListItem:hover{border-color:rgba(91,113,255,.4);background:hsla(0,0%,100%,.95);box-shadow:0 2px 4px rgba(0,0,0,.05);transform:translateX(2px)}.blockListItemHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.blockListItemName{font-family:var(--mono);font-weight:600;font-size:12px;color:rgba(0,0,0,.9);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;background:rgba(91,113,255,.1);border-radius:3px;display:inline-block}.blockListItemActions{font-family:var(--mono);font-size:14px;color:rgba(0,0,0,.4);cursor:pointer;padding:2px 4px;border-radius:2px}.blockListItemActions:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.blockListItemConfig{font-family:var(--mono);font-size:10px;color:rgba(0,0,0,.6);text-transform:lowercase;padding-left:8px;position:relative}.blockListItemConfig:before{content:"•";position:absolute;left:0;color:rgba(0,0,0,.3)}.copywritingLayout{flex:1;display:grid;grid-template-columns:1fr 2fr;gap:12px;min-height:0;overflow:hidden}.copywritingBlocks,.wireframePreview{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;display:flex;flex-direction:column;min-height:0}.copywritingBlocksHeader,.wireframePreviewHeader{font-family:var(--mono);font-weight:600;font-size:12px;color:rgba(0,0,0,.8);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.copywritingBlocksContent,.wireframePreviewContent{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.copywritingBlockItem{background:hsla(0,0%,100%,.6);border:2px solid rgba(0,0,0,.15);border-radius:4px;padding:10px;cursor:pointer;transition:all .1s ease}.copywritingBlockItem:hover{border-color:rgba(0,0,0,.25);background:hsla(0,0%,100%,.8)}.copywritingBlockItem.active{border-color:rgba(91,113,255,.5);background:rgba(91,113,255,.1)}.blockItemLabel{font-family:var(--mono);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.7);margin-bottom:6px;padding:2px 6px;background:rgba(0,0,0,.05);border-radius:3px;display:inline-block}.copywritingBlockItem.active .blockItemLabel{background:rgba(91,113,255,.2);color:rgba(45,75,224,.9)}.blockItemPreview{font-family:var(--mono);font-size:11px;line-height:1.5;color:rgba(0,0,0,.7);margin-top:6px}.blockItemPreview.empty{font-style:italic;color:rgba(0,0,0,.4);font-size:10px}.copywritingEditor{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;display:flex;flex-direction:column;min-height:0}.editorHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.editorBlockInfo{flex:1}.editorBlockName{font-family:var(--mono);font-weight:600;font-size:14px;color:rgba(0,0,0,.9);margin-bottom:2px}.editorBlockId{font-family:var(--mono);font-size:10px;color:rgba(0,0,0,.5)}.editorVariant{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:rgba(0,0,0,.6)}.editorVariantLabel{font-size:10px}.editorVariantSelect{font-family:var(--mono);font-size:11px;padding:2px 6px;border:1px solid rgba(0,0,0,.15);border-radius:3px;background:hsla(0,0%,100%,.8)}.editorToolbar{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);border-radius:4px;margin-bottom:12px}.toolbarGroup{display:flex;gap:4px}.toolbarDivider{width:1px;height:20px;background:rgba(0,0,0,.15)}.toolbarButton{font-family:var(--mono);font-size:11px;padding:4px 8px;border:1px solid rgba(0,0,0,.15);border-radius:3px;background:hsla(0,0%,100%,.8);color:rgba(0,0,0,.7);cursor:pointer;transition:all .1s ease;font-weight:600}.toolbarButton:hover{background:#fff;border-color:rgba(0,0,0,.25)}.editorContentArea{flex:1;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.15);border-radius:4px;padding:12px;min-height:200px;font-family:var(--mono);font-size:12px;line-height:1.6;color:rgba(0,0,0,.8);overflow-y:auto;position:relative}.editorText{position:relative;z-index:1}.editorText p{margin:0 0 8px}.editorText p:last-child{margin-bottom:0}.propertyMark{background:rgba(203,211,91,.3);border-bottom:2px solid rgba(203,211,91,.6);padding:1px 2px;border-radius:2px;cursor:pointer}.editorProperties{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.propertiesLabel{font-family:var(--mono);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(0,0,0,.6);margin-bottom:8px}.propertiesList{display:flex;gap:6px;flex-wrap:wrap}.propertyTag{font-family:var(--mono);font-size:10px;background:rgba(0,0,0,.08);padding:3px 8px;border-radius:3px;color:rgba(0,0,0,.7);text-transform:lowercase}.designLayout{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.designHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.designHeaderTitle{font-family:var(--mono);font-weight:600;font-size:13px;color:rgba(0,0,0,.9);margin-bottom:4px}.designHeaderSubtitle{font-size:11px;margin-bottom:8px;line-height:1.4}.designHeaderMeta,.designHeaderSubtitle{font-family:var(--mono);color:rgba(0,0,0,.6)}.designHeaderMeta{display:flex;gap:8px;font-size:10px}.designFileKey{font-family:var(--mono);font-size:10px;color:rgba(0,0,0,.7)}.designActions{display:flex;gap:8px}.designActionButton{font-family:var(--mono);font-size:11px;padding:6px 12px;background:rgba(91,113,255,.9);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .1s ease;font-weight:500}.designActionButton:hover{background:#5b71ff;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.figmaPreviewContainer{flex:1;background:hsla(0,0%,100%,.5);overflow:auto;display:flex;align-items:center;justify-content:center;min-height:400px;padding:20px}.figmaPreviewContainer,.figmaPreviewImage{border:1px solid rgba(0,0,0,.1);border-radius:4px}.figmaPreviewImage{max-width:100%;height:auto;box-shadow:0 4px 12px rgba(0,0,0,.1);background:#fff}.colorSwatches{display:flex;gap:8px;align-items:center}.colorSwatch{width:32px;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.campaignLink{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:3px}.campaignLink,.sendStatus{font-family:var(--mono);font-size:12px;color:rgba(0,0,0,.7)}.centerCta{display:flex;justify-content:center;margin-top:26px}