body{display:flex;min-height:100vh;flex-direction:column;background:#f3f1eb}main{flex:1}.note-hero{padding:45px 0 62px;background:radial-gradient(circle at 50% 62%,rgba(228,92,41,.08),transparent 34%),linear-gradient(180deg,#fff 0,#f3f1eb 100%)}.crumbs{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:21px;color:#737078;font-size:.82rem}.crumbs a{color:var(--primary);font-weight:800}.hero-copy{text-align:center}.hero-copy .eyebrow{border-radius:8px}.hero-copy h1{max-width:940px;margin:20px auto 15px;color:#18171c;font-size:clamp(2.9rem,7vw,5.25rem);letter-spacing:-.065em}.hero-copy h1 span{color:#d94c21}.hero-copy .lead{max-width:770px;color:#68666e}
.note-machine{position:relative;max-width:1100px;margin:38px auto 0;border:1px solid #2c2a31;border-radius:14px;background:#17161b;box-shadow:0 35px 95px rgba(27,22,21,.24);isolation:isolate}.machine-glow{position:absolute;z-index:-1;right:-4%;bottom:-8%;width:45%;height:50%;border-radius:50%;background:rgba(224,73,31,.35);filter:blur(80px)}.security-strip{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;min-height:62px;padding:10px 15px 10px 20px;border-bottom:1px solid #302e35;color:#bdb9c4;background:#1e1d22;border-radius:14px 14px 0 0}.live-status{display:flex;align-items:center;gap:9px;color:#fff;font-size:.78rem}.live-status i{width:8px;height:8px;border-radius:50%;background:#56d799;box-shadow:0 0 0 5px rgba(86,215,153,.12),0 0 18px #56d799}.security-copy{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.cloak-button{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #454249;border-radius:8px;color:#dedbe2;background:#28262d;font-size:.73rem;font-weight:800}.cloak-button:hover,.cloak-button[aria-pressed=true]{color:#fff;border-color:#d94c21;background:#38251f}.cloak-button:focus-visible,.burn-button:focus-visible,.burned-state button:focus-visible{outline:3px solid #ffb28f;outline-offset:3px}
.machine-body{display:grid;grid-template-columns:245px 1fr;min-height:590px}.memory-rail{display:flex;flex-direction:column;padding:36px 25px;border-right:1px solid #302e35;color:#fff;background:linear-gradient(180deg,#1b1a1f,#141318);border-radius:0 0 0 14px}.rail-kicker{color:#86818c;font-size:.65rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.memory-rail ol{display:grid;gap:0;padding:0;margin:31px 0;list-style:none}.memory-rail li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;min-height:82px}.memory-rail li:not(:last-child):after{position:absolute;top:30px;bottom:4px;left:14px;width:1px;background:#3c3941;content:""}.memory-rail li>span{position:relative;z-index:1;display:grid;width:29px;height:29px;place-items:center;border:1px solid #46424c;border-radius:50%;color:#77727f;background:#1b1a1f;font-size:.57rem;font-weight:900}.memory-rail li.active>span{color:#17161b;border-color:#56d799;background:#56d799;box-shadow:0 0 20px rgba(86,215,153,.2)}.memory-rail strong,.memory-rail small{display:block}.memory-rail strong{padding-top:5px;font-size:.82rem}.memory-rail small{margin-top:4px;color:#78737f;font-size:.67rem;line-height:1.4}.zero-mark{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:20px;border-top:1px solid #302e35}.zero-mark strong{color:#ee6b3f;font-size:2.2rem;line-height:1}.zero-mark span{max-width:60px;color:#9d98a4;font-size:.65rem;font-weight:800;text-transform:uppercase}
.writing-panel{position:relative;display:flex;min-width:0;flex-direction:column;padding:34px;background:linear-gradient(145deg,#f8f5ed,#eee9df);border-radius:0 0 14px 0}.paper-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.paper-label{display:block;margin-bottom:4px;color:#a33b20;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.paper-heading h2{margin:0;color:#252329;font-family:Georgia,serif;font-size:1.55rem;font-weight:500;letter-spacing:-.02em}.character-count{color:#757179;font-size:.7rem;font-variant-numeric:tabular-nums}.paper-wrap{position:relative;flex:1;min-height:345px;overflow:hidden;border:1px solid #d4cec2;border-radius:6px;background:#fffdf7;box-shadow:0 18px 42px rgba(59,49,39,.09)}.paper-wrap:before{position:absolute;top:0;bottom:0;left:54px;width:1px;background:#efd2ca;content:"";pointer-events:none}.paper-wrap:after{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0,transparent 38px,rgba(68,87,105,.095) 39px,transparent 40px);content:"";pointer-events:none}.paper-wrap textarea{position:relative;z-index:1;width:100%;height:100%;min-height:345px;padding:26px 28px 30px 75px;resize:none;border:0;color:#302e32;background:transparent;outline:0;font-family:Georgia,serif;font-size:1.08rem;line-height:2.28;caret-color:#d94c21}.paper-wrap textarea::placeholder{color:#a7a19a}.paper-wrap:focus-within{border-color:#d94c21;box-shadow:0 0 0 4px rgba(217,76,33,.1),0 18px 42px rgba(59,49,39,.09)}
.cloak-cover{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e9e6ec;background:rgba(24,22,28,.96);opacity:0;visibility:hidden;transition:.22s}.paper-wrap.cloaked .cloak-cover{opacity:1;visibility:visible}.cloak-cover .cloak-lock{display:grid;width:52px;height:52px;place-items:center;margin-bottom:13px;border:1px solid #4c4852;border-radius:50%;color:#56d799;background:#242229;box-shadow:0 0 35px rgba(86,215,153,.1)}.cloak-cover strong{font-family:Georgia,serif;font-size:1.2rem}.cloak-cover>span:last-child{margin-top:6px;color:#8f8a96;font-size:.72rem}.ash-field{position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none}.ash{position:absolute;top:45%;left:50%;width:7px;height:7px;border-radius:2px;background:#d94c21;opacity:0;animation:ash-fall 1.05s cubic-bezier(.18,.75,.4,1) forwards;transform:translate(-50%,-50%)}.writing-panel.burning .paper-wrap:after{z-index:2;background:linear-gradient(90deg,transparent,rgba(236,92,43,.35),transparent),repeating-linear-gradient(transparent 0,transparent 38px,rgba(68,87,105,.095) 39px,transparent 40px);animation:burn-wash .72s ease forwards}.writing-panel.burning textarea{animation:ink-vanish .55s ease forwards}
.paper-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.paper-footer p{max-width:460px;margin:0;color:#6f6b70;font-size:.7rem;line-height:1.55}.paper-footer p span{margin-right:7px;color:#56a97e}.paper-footer p strong{color:#39363b}.burn-button{display:flex;align-items:center;gap:12px;min-width:184px;min-height:57px;padding:8px 17px;border:1px solid #b93918;border-radius:8px;color:#fff;background:linear-gradient(135deg,#e4582e,#b93818);box-shadow:0 10px 24px rgba(176,56,25,.22);transition:.2s}.burn-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px rgba(176,56,25,.3)}.burn-button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.5)}.burn-button .flame{font-size:1.35rem}.burn-button strong,.burn-button small{display:block;text-align:left}.burn-button strong{font-size:.82rem}.burn-button small{margin-top:2px;color:#ffd9cc;font-size:.61rem}.burned-state{position:absolute;z-index:7;inset:34px;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:22px;border:1px solid #d4cec2;border-radius:8px;background:#fffdf7;box-shadow:0 18px 42px rgba(59,49,39,.12)}.burned-state[hidden]{display:none}.burned-state>span{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#173b2b;background:#dff5e9;font-weight:900}.burned-state strong,.burned-state small{display:block}.burned-state strong{color:#28252a;font-family:Georgia,serif;font-size:1.25rem}.burned-state small{margin-top:5px;color:#777179;font-size:.7rem}.burned-state button{min-height:42px;padding:0 15px;border:1px solid #d1cbc0;border-radius:7px;color:#3d393e;background:#f3efe6;font-size:.72rem;font-weight:850}.under-machine{max-width:700px;margin:18px auto 0;color:#77737b;font-size:.76rem;text-align:center}
.proof-band{padding:30px 0;color:#fff;background:#1c1b20}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.proof-grid article{display:grid;grid-template-columns:55px 1fr;gap:14px;align-items:center}.proof-grid article>span{display:grid;width:55px;height:48px;place-items:center;border:1px solid #45424a;border-radius:7px;color:#56d799;background:#26242b;font-size:.7rem;font-weight:900}.proof-grid article:nth-child(2)>span{color:#ff9d78}.proof-grid article:nth-child(3)>span{color:#d5c9ff}.proof-grid strong,.proof-grid p{display:block;margin:0}.proof-grid strong{font-size:.82rem}.proof-grid p{margin-top:3px;color:#96919d;font-size:.68rem;line-height:1.45}
.section-label{display:block;margin-bottom:7px;color:#b63e1e;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.content-section{padding:78px 0}.content-shell{max-width:980px}.content-intro{max-width:770px}.content-intro h2,.use-grid h2,.faq-list h2{margin:0 0 12px;color:#28262b;font-size:2.35rem;letter-spacing:-.04em}.content-intro p,.use-grid>div>p{margin:0;color:#69666f;line-height:1.75}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:31px}.feature-grid article{padding:24px;border:1px solid #d7d2c8;border-radius:9px;background:#fff}.feature-mark{display:grid;width:38px;height:38px;place-items:center;margin-bottom:17px;border-radius:50%;color:#fff;background:#d94c21;font-size:.66rem;font-weight:900}.feature-grid article:nth-child(2) .feature-mark{background:#2c8564}.feature-grid article:nth-child(3) .feature-mark{background:#6c5ce7}.feature-grid h3{margin:0 0 8px;font-size:1rem}.feature-grid p{margin:0;color:#6d6972;font-size:.82rem;line-height:1.65}.use-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:start;margin-top:72px;padding-top:64px;border-top:1px solid #d7d2c8}.use-grid ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.use-grid li{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:15px;border:1px solid #d9d4ca;border-radius:8px;background:#fff}.use-grid li>span{display:grid;width:50px;height:43px;place-items:center;color:#b63e1e;background:#fff0e9;font-size:.61rem;font-weight:900}.use-grid li:nth-child(2)>span{color:#267759;background:#e6f5ee}.use-grid li:nth-child(3)>span{color:#5748c5;background:#eeebff}.use-grid strong{display:block;color:#2a282d;font-size:.88rem}.use-grid li p{margin:3px 0 0;color:#6e6a72;font-size:.75rem;line-height:1.5}.honest-note{display:flex;align-items:flex-start;gap:16px;margin-top:30px;padding:20px;border-left:4px solid #d94c21;background:#fff7f1}.honest-note>span{flex:none;color:#b63e1e;font-size:.62rem;font-weight:950}.honest-note p{margin:0;color:#69656c;font-size:.8rem;line-height:1.65}.honest-note strong{color:#29262b}.faq-list{margin-top:72px;padding-top:64px;border-top:1px solid #d7d2c8}.faq-list details{border-bottom:1px solid #d7d2c8}.faq-list summary{padding:18px 2px;cursor:pointer;font-weight:850}.faq-list details p{max-width:820px;margin:0;padding:0 2px 19px;color:#69666f;line-height:1.7}
.try-section{padding:66px 0 78px;border-top:1px solid #ded9d0;background:#fff}.try-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.try-head h2{margin:0 0 7px;font-size:2.1rem;letter-spacing:-.03em}.try-head p{margin:0;color:#6c6972}.secondary-action{color:var(--primary);font-size:.84rem;font-weight:850}.try-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.try-card{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #d8d3ca;border-radius:8px;background:#f9f7f2;transition:.2s}.try-card:hover{border-color:#d94c21;transform:translateY(-3px);box-shadow:0 14px 32px rgba(42,37,35,.1)}.try-icon{display:grid;width:48px;height:48px;place-items:center;color:#fff;background:#2c8564;font-size:.68rem;font-weight:900}.try-card:nth-child(2) .try-icon{background:#d94c21}.try-card:nth-child(3) .try-icon{background:#6c5ce7}.try-card span span,.try-card strong{display:block}.try-card span span{margin-top:4px;color:#716e76;font-size:.73rem;line-height:1.4}.try-card b{color:#d94c21}footer{background:#fff}
@keyframes ash-fall{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.4)}16%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(.1)}}@keyframes ink-vanish{0%{opacity:1;filter:blur(0)}55%{color:#ca4d27;filter:blur(1px)}100%{opacity:0;filter:blur(8px)}}@keyframes burn-wash{0%{opacity:0;transform:translateX(-80%)}40%{opacity:1}100%{opacity:0;transform:translateX(80%)}}@media(max-width:820px){.machine-body{grid-template-columns:1fr}.memory-rail{display:none}.writing-panel{border-radius:0 0 14px 14px}.proof-grid,.feature-grid,.try-grid{grid-template-columns:1fr}.use-grid{grid-template-columns:1fr;gap:20px}.proof-grid{gap:18px}.paper-footer{align-items:flex-start;flex-direction:column}.burn-button{width:100%;justify-content:center}.burned-state{grid-template-columns:48px 1fr}.burned-state button{grid-column:1/-1}.try-head{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.note-hero{padding:32px 0 48px}.hero-copy h1{font-size:2.75rem}.security-strip{grid-template-columns:1fr auto}.security-copy{display:none}.cloak-button .cloak-label{display:none}.writing-panel{padding:19px}.paper-heading{align-items:flex-start;flex-direction:column;gap:7px}.paper-heading h2{font-size:1.28rem}.paper-wrap,.paper-wrap textarea{min-height:370px}.paper-wrap:before{left:35px}.paper-wrap textarea{padding:20px 18px 24px 49px;font-size:1rem;line-height:2.35}.burned-state{inset:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.proof-band{padding:26px 0}.content-section{padding:58px 0}.content-intro h2,.use-grid h2,.faq-list h2{font-size:1.85rem}.feature-grid{margin-top:24px}.use-grid,.faq-list{margin-top:54px;padding-top:48px}.try-card{grid-template-columns:43px 1fr auto}.try-icon{width:43px;height:43px}.under-machine{padding-inline:8px}}@media(prefers-reduced-motion:reduce){.cloak-cover,.burn-button,.try-card{transition:none}.ash{animation:none}.writing-panel.burning textarea{animation:none;opacity:0}.writing-panel.burning .paper-wrap:after{animation:none}}