.sb-container{position:relative;min-height:calc(100dvh - 60px);overflow:clip;touch-action:pan-y}.sb-scroll-wrapper{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}.sb-page{position:relative;min-height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(1.5rem,4dvh) 1.5rem}.sb-title{font-size:clamp(1.4rem,4.5vw,3rem);font-weight:800;line-height:1.25;margin-bottom:clamp(.75rem,2.5dvh,1.5rem);letter-spacing:-.02em;flex-shrink:0}.sb-cover-title,.sb-title{text-align:center;white-space:pre-line}.sb-cover-title{font-size:clamp(2rem,6vw,3.8rem);font-weight:900;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.25rem}.sb-subtitle{font-size:clamp(.75rem,2vw,1rem);font-weight:500;opacity:.7;letter-spacing:.1em;text-transform:uppercase;margin-bottom:clamp(1.25rem,3dvh,2.5rem);flex-shrink:0}.sb-body{font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.8;max-width:560px;text-align:center;opacity:1}.sb-body p{margin-bottom:.75rem}.sb-body p:last-child{margin-bottom:0}.sb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sb-start-prompt{margin-top:2.5rem;font-size:.9rem;letter-spacing:.12em;display:flex;align-items:center;gap:.5rem}.sb-cover-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(232,213,183,.12) 0,transparent 70%)}.sb-book-silhouette{width:140px;height:100px;margin:1.5rem auto 2rem;position:relative;flex-shrink:0}.sb-book-left{left:0;background:linear-gradient(170deg,rgba(232,213,183,.18),rgba(232,213,183,.08));border:1px solid rgba(232,213,183,.3);border-right:none;border-radius:4px 0 0 4px;transform:perspective(300px) rotateY(10deg);transform-origin:right center}.sb-book-left,.sb-book-right{position:absolute;top:0;width:66px;height:100px}.sb-book-right{right:0;background:linear-gradient(190deg,rgba(232,213,183,.25),rgba(232,213,183,.12));border:1px solid rgba(232,213,183,.38);border-left:none;border-radius:0 4px 4px 0;transform:perspective(300px) rotateY(-10deg);transform-origin:left center}.sb-book-spine{position:absolute;left:50%;top:0;width:8px;height:100px;background:rgba(232,213,183,.45);transform:translateX(-50%);border-radius:2px}.sb-illustration{width:100%;max-width:480px;margin:clamp(.75rem,2dvh,1.5rem) auto 0;flex-shrink:0}.sb-checklist{max-width:280px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.sb-checklist-item{display:flex;align-items:center;gap:10px}.sb-checklist-box{width:20px;height:20px;border-radius:4px;border:2px solid #8a7968;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sb-checklist-box.checked{background:#8a7968;border-color:#8a7968}.sb-checklist-check{color:#f5f0eb;font-size:13px;line-height:1;font-weight:700}.sb-checklist-line{height:10px;border-radius:9999px;background:#8a7968;opacity:.45}.sb-scattered-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:260px;margin:0 auto}.sb-scattered-cell{height:28px;border-radius:4px;background:#b8afa8}.sb-scattered-cell:nth-child(3n){transform:rotate(5deg) translateY(6px);opacity:.25}.sb-scattered-cell:nth-child(5n){transform:rotate(-4deg) translateY(-5px);opacity:.3}.sb-scattered-cell:nth-child(7n){opacity:.12;transform:rotate(-7deg) translateY(8px) scale(.85)}.sb-scattered-cell:nth-child(4n){opacity:.35;transform:rotate(3deg) translateY(-3px)}.sb-clock-icon{margin-bottom:.75rem;opacity:.45}.sb-clock-icon,.sb-turning-split{display:flex;justify-content:center}.sb-turning-split{align-items:center;gap:1.5rem;max-width:320px;margin:0 auto}.sb-turning-before{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;opacity:.4}.sb-turning-before-cell{width:22px;height:18px;border-radius:3px;background:#a8b4d0}.sb-turning-before-cell:nth-child(2n){transform:rotate(4deg);opacity:.5}.sb-turning-before-cell:nth-child(3n){opacity:.25;transform:rotate(-3deg) translateY(4px)}.sb-turning-divider{font-size:1.5rem;color:#6366f1;opacity:.6;flex-shrink:0}.sb-turning-after{width:56px;height:56px;border-radius:50%;background:rgba(99,102,241,.1);box-shadow:0 0 28px rgba(99,102,241,.35)}.sb-pipeline,.sb-turning-after{display:flex;align-items:center;justify-content:center}.sb-pipeline{gap:0;max-width:340px;margin:0 auto;flex-wrap:nowrap}.sb-pipeline-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.sb-pipeline-circle{width:48px;height:48px;border-radius:50%;background:rgba(16,185,129,.12);border:2px solid rgba(16,185,129,.5);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.sb-pipeline-circle.complete{background:rgba(16,185,129,.2);border-color:#10b981;box-shadow:0 0 16px rgba(16,185,129,.3)}.sb-pipeline-label{font-size:.62rem;color:#14532d;opacity:.7;text-align:center;font-weight:500;letter-spacing:.02em}.sb-pipeline-arrow{flex-shrink:0;color:#10b981;opacity:.55;font-size:1.1rem;margin:0 .1rem;padding-bottom:1rem}.sb-grid-illustration{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:320px;margin:0 auto}.sb-grid-cell{height:32px;border-radius:4px;background:#c8bfb5;opacity:.7}@keyframes sb-flow{0%{transform:translateX(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(100%);opacity:0}}.sb-flow-illustration{width:100%;max-width:320px;margin:0 auto;overflow:hidden;border-radius:8px;background:#d1fae5;height:48px;position:relative}.sb-flow-bar{position:absolute;left:0;top:50%;transform:translateY(-50%) translateX(-100%);height:20px;width:80px;border-radius:4px;background:#10b981;animation:sb-flow 2.2s ease-in-out infinite}.sb-flow-bar:nth-child(2){animation-delay:.7s;width:60px;background:#34d399;top:60%}.sb-projects-intro{font-size:.88rem;opacity:.65;text-align:center;margin-bottom:.75rem;letter-spacing:.02em}.sb-projects-container{width:100%;max-width:520px;display:flex;flex-direction:column;gap:clamp(.4rem,1.2dvh,.75rem);margin:clamp(.25rem,1dvh,.5rem) 0 0;flex-shrink:0}.sb-project-card{background:rgba(255,255,255,.72);border:1px solid rgba(59,130,246,.15);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,background .2s}.sb-project-card:hover{background:rgba(255,255,255,.92);border-color:rgba(59,130,246,.4);box-shadow:0 2px 12px rgba(59,130,246,.1)}.sb-project-outcome{font-size:clamp(.75rem,1.8vw,.82rem);font-weight:700;color:#1e293b;background:rgba(59,130,246,.1);border-radius:6px;padding:.2rem .6rem;display:inline-block;align-self:flex-start;margin-bottom:.1rem}.sb-project-title{font-size:clamp(.95rem,2vw,1.05rem);font-weight:700;color:#1e293b;line-height:1.45}.sb-project-desc{font-size:clamp(.82rem,1.8vw,.9rem);color:#475569;line-height:1.65}.sb-project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.25rem}.sb-project-tag{font-size:clamp(.68rem,1.5vw,.72rem);background:rgba(59,130,246,.08);color:#3b5bdb;border-radius:9999px;padding:.15rem .6rem;font-weight:500}.sb-cta-buttons{display:flex;flex-direction:column;gap:.85rem;width:100%;max-width:340px;margin:1.5rem auto 0}.sb-cta-btn-primary{display:block;padding:.95rem 2rem;background:linear-gradient(135deg,#f59e0b,#8b5cf6);color:#ffffff;font-weight:700;font-size:1rem;text-align:center;border-radius:9999px;text-decoration:none;letter-spacing:.02em;transition:opacity .2s}.sb-cta-btn-primary:hover{opacity:.9}.sb-cta-btn-outline{display:block;padding:.85rem 2rem;border:2px solid;color:#1e293b;font-weight:600;font-size:.95rem;text-align:center;border-radius:9999px;text-decoration:none;transition:background .2s,color .2s}.sb-cta-btn-outline:hover{background:#1e293b;color:#ffffff}.sb-cta-note{font-size:.82rem;opacity:.55;text-align:center;margin-top:.75rem}.sb-indicator{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;z-index:40;pointer-events:none}.sb-indicator-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;pointer-events:all}.sb-indicator-dot{width:7px;height:7px;border-radius:50%;transition:all .3s ease}.sb-indicator-dot.active{width:20px;border-radius:9999px}.sb-page-number{font-size:.72rem;font-weight:600;letter-spacing:.08em;opacity:.5;margin-left:.5rem;pointer-events:none}.sb-nav-hint{bottom:3.5rem;left:50%;transform:translateX(-50%);font-size:.7rem;opacity:.35;letter-spacing:.06em;white-space:nowrap;z-index:40}.sb-arrow-hint,.sb-nav-hint{position:fixed;pointer-events:none}.sb-arrow-hint{top:50%;transform:translateY(-50%);font-size:3rem;line-height:1;opacity:0;transition:opacity .3s ease;z-index:30;user-select:none}.sb-arrow-hint-left{left:.75rem}.sb-arrow-hint-right{right:.75rem}.sb-container:hover .sb-arrow-hint{opacity:1}@media (pointer:coarse){.sb-arrow-hint{opacity:.4}}@media (prefers-reduced-motion:reduce){.sb-container *{animation-duration:.01ms!important;transition-duration:.01ms!important}}