:root{--ink:#1F4E5F;--ink-2:#2C5F70;--ink-soft:#5A7B8A;--ink-faint:#8AA1AD;--paper:#F4ECD8;--paper-soft:#FAF3DC;--paper-warm:#EFE4C7;--rule:#D9C9A0;--rule-soft:#E5D9B6;--tape-amber:#D9B470;--tape-blue:#A8C5D6;--tape-pink:#E8B6A8;--stamp-green:#6B8E5A;--stamp-orange:#C77866;--accent-blue:#4A7C8E;--jp-hand:"Klee One","Yusei Magic","Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN",sans-serif;--jp-display:"Klee One","Zen Kurenaido","Shippori Antique B1",serif;--en-hand:"Caveat","Klee One",cursive;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--line-h:38px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{background:var(--paper-warm)}body{background-color:var(--paper);background-image:url(/assets/notes/bg-notebook-paper.png);background-size:cover;background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;color:var(--ink);font-family:var(--jp-hand);font-size:18px;line-height:var(--line-h);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (max-width:800px){body{background-attachment:scroll;background-size:auto 100vh;background-repeat:repeat-y}}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent-blue)}img{max-width:100%;height:auto;display:block}.notebook-page{position:relative;min-height:100vh}.wrap{max-width:1180px;margin:0 auto;padding:0 50px 0 80px}.site-header{padding:36px 0 12px}.header-tab-wrapper{display:flex;justify-content:center;padding:0 50px 0 80px}.header-tab{display:inline-flex;align-items:baseline;gap:12px;background:var(--tape-blue);background-image:linear-gradient(95deg,rgba(255,255,255,.18),transparent 50%,rgba(255,255,255,.18));background-color:var(--tape-blue);border:1.5px solid var(--ink);border-radius:10px 28px 8px 24px;padding:10px 28px 12px;font-family:var(--en-hand);transform:rotate(-1deg);box-shadow:2px 2px 0 var(--ink-soft)}.header-tab,.header-tab:hover{color:var(--ink)}.brand-name{font-size:28px;font-weight:600;letter-spacing:.01em}.brand-sep{color:var(--ink-soft);font-size:22px}.brand-date{font-family:var(--en-hand);font-size:22px;color:var(--ink);letter-spacing:.02em;font-weight:500}.hero{padding:40px 0 72px}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}.hero h1{font-family:var(--jp-display);font-size:76px;font-weight:600;line-height:1.25;letter-spacing:.02em;margin:0 0 32px;color:var(--ink)}.hero .lead{margin:0 0 36px}.hero .lead p{font-size:22px;line-height:1.85;color:var(--ink);margin:0 0 6px}.hero .lead .underline{border-bottom:3px dotted var(--accent-blue);padding-bottom:1px}.cta-handwritten{display:inline-flex;align-items:center;gap:8px;background:transparent;border:2px solid var(--ink);border-radius:999px;padding:14px 30px 16px;font-family:var(--jp-hand);font-size:20px;font-weight:600;color:var(--ink);letter-spacing:.02em;transition:background .18s ease,transform .18s ease;box-shadow:3px 3px 0 var(--ink-soft);margin-bottom:10px}.cta-handwritten:hover{background:var(--paper-soft);color:var(--ink);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-soft)}.cta-mark{font-size:22px}.cta-mark,.cta-sub{color:var(--accent-blue)}.cta-sub{display:inline-block;font-family:var(--jp-hand);font-size:16px;font-weight:600;border-bottom:2px dotted var(--accent-blue);padding:2px 0 3px;margin:0 0 28px 6px;letter-spacing:.02em;transition:color .18s ease,border-color .18s ease,transform .18s ease}.cta-sub:hover{color:var(--ink);border-bottom-color:var(--ink);transform:translateX(2px)}.signature{margin:0;font-size:52px;line-height:1;color:var(--accent-blue);display:inline-flex;align-items:baseline;gap:10px;transform:rotate(-3deg);transform-origin:left center}.sig-pen{font-size:30px;opacity:.75}.sig-name{font-family:var(--en-hand);font-weight:600}.hero-visual{position:relative;padding-top:12px}.laptop-img{width:100%;max-width:1140px;margin:0 auto 16px;mix-blend-mode:multiply}.status-note{position:relative;border-left:1.5px dashed var(--ink-soft);padding:8px 0 8px 20px;margin-top:20px;font-family:var(--jp-hand);font-size:17px;line-height:1.85;color:var(--ink-soft)}.status-note .status-arrow{position:absolute;left:-24px;top:-10px;font-family:var(--en-hand);color:var(--accent-blue);font-size:32px;transform:rotate(-12deg)}.status-note p{margin:0}.status-foot{margin-top:10px!important;color:var(--accent-blue)}@media (max-width:800px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:48px}.hero .lead p{font-size:18px}.hero-visual{order:-1}.laptop-img{max-width:390px}.cta-handwritten{font-size:17px;padding:12px 24px 14px}.cta-sub{font-size:15px;margin:0 0 24px 4px}.signature{font-size:42px}.brand-name{font-size:22px}.brand-date{font-size:18px}}section{padding:80px 0;position:relative}.section-title{font-family:var(--jp-display);font-size:38px;font-weight:600;text-align:center;margin:0 0 56px;color:var(--ink);letter-spacing:.04em}.section-title:after,.section-title:before{content:"—";margin:0 16px;color:var(--ink-soft)}@media (max-width:800px){section{padding:56px 0}.section-title{font-size:28px;margin:0 0 36px}}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.product-card{background:var(--paper-soft);border:1px solid var(--rule);border-radius:4px;padding:40px 32px 30px;position:relative;box-shadow:1px 3px 0 rgba(31,78,95,.08);transform:rotate(-.5deg)}.product-card:nth-child(2){transform:rotate(.6deg)}.product-card:after,.product-card:before{content:"";position:absolute;width:72px;height:22px;top:-12px;opacity:.7;box-shadow:0 1px 3px rgba(0,0,0,.1)}.product-card:before{left:16px;background-color:var(--tape-amber);transform:rotate(-8deg)}.product-card:after,.product-card:before{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent)}.product-card:after{right:16px;background-color:var(--tape-blue);transform:rotate(7deg)}.product-illustration{width:180px;height:auto;margin:0 auto 18px;mix-blend-mode:multiply}.product-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.product-card h3{font-family:var(--jp-display);font-size:28px;font-weight:600;margin:0;color:var(--ink);letter-spacing:.02em}.stamp-badge{display:inline-block;border:2px solid var(--stamp-green);border-radius:50%;padding:8px 18px;font-family:var(--jp-hand);font-size:15px;font-weight:600;color:var(--stamp-green);letter-spacing:.08em;transform:rotate(-6deg);background:rgba(107,142,90,.04)}.stamp-badge.stamp-exploring{border-color:var(--stamp-orange);color:var(--stamp-orange);background:rgba(199,120,102,.04)}.product-desc{font-size:17px;line-height:1.9;color:var(--ink);margin:0 0 14px}.product-meta{font-family:var(--en-hand);font-size:22px;color:var(--ink-soft);margin:0 0 14px;letter-spacing:.02em}.product-link{font-family:var(--jp-hand);font-size:16px;color:var(--accent-blue);font-weight:600;border-bottom:2px dotted var(--accent-blue);padding-bottom:2px}.product-link:hover{color:var(--ink);border-color:var(--ink)}.product-link-disabled{color:var(--ink-soft);border-color:var(--ink-faint);border-bottom-style:dashed}@media (max-width:800px){.product-grid{grid-template-columns:1fr;gap:48px}.product-card h3{font-size:24px}.product-illustration{width:180px}}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.channel{background:var(--paper-soft);border:1px solid var(--rule);border-radius:4px;padding:28px 22px 26px;position:relative;text-align:center;box-shadow:1px 2px 0 rgba(31,78,95,.06)}.channel:before{content:"";position:absolute;top:-8px;left:12%;right:12%;height:8px;background-image:radial-gradient(circle,var(--ink-faint) 0 2.5px,transparent 3.5px);background-size:14px 8px;background-repeat:repeat-x;opacity:.6}.channel-illustration{width:140px;height:140px;margin:0 auto 12px;mix-blend-mode:multiply;object-fit:contain;max-width:100%}.channel-placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--jp-display);font-size:72px;color:var(--ink);mix-blend-mode:normal}.channel-label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--ink-soft);margin-bottom:6px}.channel h3{font-family:var(--jp-display);font-size:22px;font-weight:600;margin:0 0 12px;color:var(--ink)}.channel p{font-size:16px;line-height:1.85;color:var(--ink);margin:0 0 14px;text-align:left}.channel-link{color:var(--accent-blue);font-weight:600;border-bottom:2px dotted var(--accent-blue);padding-bottom:2px}.channel-link,.pending{font-family:var(--jp-hand);font-size:15px}.pending{color:var(--ink-soft);font-style:italic}@media (max-width:800px){.channels{grid-template-columns:1fr;gap:20px}}.subscribe-section{padding:56px 0 24px}.memo-pad{position:relative;max-width:620px;margin:0 auto;background:var(--paper-soft);border:1px solid var(--rule);border-radius:4px;padding:44px 36px 32px;box-shadow:1px 3px 0 rgba(31,78,95,.08);transform:rotate(-.4deg)}.memo-tape{position:absolute;width:96px;height:22px;top:-12px;opacity:.72;box-shadow:0 1px 3px rgba(0,0,0,.1);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 50%,transparent)}.memo-tape-left{left:28px;background-color:var(--tape-amber);transform:rotate(-7deg)}.memo-tape-right{right:28px;background-color:var(--tape-pink);transform:rotate(6deg)}.memo-head{text-align:center;margin-bottom:22px}.memo-label{display:inline-block;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--ink-soft);margin-bottom:4px}.memo-title{font-family:var(--jp-display);font-size:34px;font-weight:600;margin:0 0 6px;color:var(--ink);letter-spacing:.02em}.memo-sub{font-family:var(--en-hand);font-size:22px;color:var(--accent-blue);margin:0;transform:rotate(-1.5deg);display:inline-block}.memo-body{border-top:1.5px dashed var(--ink-faint);padding-top:22px}.memo-pitch{font-size:17px;line-height:1.9;color:var(--ink);margin:0 0 22px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:6px}.signup-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.18em;color:var(--ink-soft);margin-bottom:2px}.signup-row{display:flex;gap:12px;align-items:stretch}.signup-input{flex:1;min-width:0;min-height:48px;padding:10px 14px;font-family:var(--jp-hand);font-size:17px;color:var(--ink);background:transparent;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 36px,var(--rule-soft) 36px,var(--rule-soft) 37px);background-position:0 14px;border:1.5px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink-soft);transition:box-shadow .18s ease,transform .18s ease}.signup-input::placeholder{color:var(--ink-faint);font-family:var(--jp-hand)}.signup-input:focus{outline:none;box-shadow:3px 3px 0 var(--accent-blue);transform:translate(-1px,-1px)}.signup-input:disabled{opacity:.6;cursor:not-allowed}.signup-hp{display:none!important}.signup-submit{min-height:48px;padding:0 22px;font-family:var(--jp-hand);font-size:17px;font-weight:600;color:var(--ink);background:var(--paper-warm);border:2px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink-soft);cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease;white-space:nowrap}.signup-submit:hover:not(:disabled){background:var(--paper-soft);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink-soft)}.signup-submit:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink-soft)}.signup-submit:disabled{opacity:.7;cursor:not-allowed}.signup-fineprint{margin:10px 0 0;font-family:var(--jp-hand);font-size:13px;color:var(--ink-soft);text-align:center}.signup-checkbox-row{display:flex;align-items:flex-start;gap:12px;margin:14px 0 0;padding:10px 14px;cursor:pointer;border-top:1px dashed var(--rule-soft);font-family:var(--jp-hand);color:var(--ink);transition:background .15s ease}.signup-checkbox-row:hover{background:rgba(0,0,0,.015)}.signup-checkbox{appearance:none;-webkit-appearance:none;flex-shrink:0;width:22px;height:22px;margin-top:2px;background:transparent;border:1.5px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink-soft);cursor:pointer;position:relative;transition:box-shadow .15s ease,transform .15s ease}.signup-checkbox:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink-soft)}.signup-checkbox:focus-visible{outline:none;box-shadow:3px 3px 0 var(--accent-blue)}.signup-checkbox:checked:after{content:"✓";position:absolute;inset:-4px 0 0 0;font-family:var(--jp-hand);font-size:22px;font-weight:600;color:var(--accent-blue);text-align:center;line-height:22px;transform:rotate(-6deg)}.signup-checkbox:disabled{opacity:.55;cursor:not-allowed}.signup-checkbox-text{font-size:15px;line-height:1.5}.signup-checkbox-note{display:block;margin-top:2px;font-size:12px;color:var(--ink-soft)}.signup-status{margin:14px 0 0;min-height:22px;font-family:var(--jp-hand);font-size:15px;text-align:center;letter-spacing:.02em}.signup-status-idle{color:transparent}.signup-status-success{color:var(--stamp-green);border:2px solid var(--stamp-green);border-radius:999px;padding:6px 18px;display:inline-block;transform:rotate(-2deg);background:rgba(107,142,90,.06)}.signup-status-error{color:var(--stamp-orange);border-bottom:2px dotted var(--stamp-orange);padding-bottom:2px;display:inline-block}@media (max-width:800px){.subscribe-section{padding:40px 0 16px}.memo-pad{padding:36px 22px 26px}.memo-title{font-size:28px}.memo-sub{font-size:20px}.memo-pitch{font-size:16px}.signup-row{flex-direction:column;gap:14px}.signup-input{font-size:16px}.signup-submit{width:100%}}.site-footer{padding:40px 0 56px;text-align:center;font-family:var(--jp-hand);font-size:15px;color:var(--ink-soft)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}