:root{--ink:#09271f;--orange:#f15f32;--paper:#fcfaf7;--sans:'PingFang SC','Microsoft YaHei',Arial,sans-serif;--serif:'Songti SC','STSong','SimSun',serif;--hand:'Kaiti SC','STKaiti','KaiTi',cursive}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper)}body{overflow-x:hidden}main{width:100%}.screen{position:relative;width:100%;height:calc(100vw * .5625);overflow:hidden}.artboard{position:absolute;width:1920px;height:1080px;transform-origin:0 0;overflow:hidden;background:var(--paper);isolation:isolate}.layer{position:absolute}.text{position:absolute;margin:0;white-space:pre;line-height:1;transform-origin:0 0;z-index:5;font-synthesis:weight;cursor:text}.text::selection,.text *::selection{color:#09271f;background:#ffd3ad}.serif{font-family:var(--serif)}.sans{font-family:var(--sans)}.background{inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;user-select:none}.photo{object-fit:cover;user-select:none}.blend{mix-blend-mode:multiply}.card{border:2px solid #ffffffd9;border-radius:30px;background:linear-gradient(140deg,#fffefcf7,#ffffff88);box-shadow:0 15px 32px #92593708}.rule{height:2px;background:#b0a79c55}.ring{border-radius:50%;border:90px solid transparent;background:linear-gradient(135deg,#ffba8520,#ff9f8d30) border-box;mask:radial-gradient(closest-side,transparent calc(100% - 90px),#000 calc(100% - 88px));transform:rotate(-30deg);z-index:-2;pointer-events:none}.orb{border-radius:50%;background:linear-gradient(135deg,#ffc8ae38,#ffbfa724);z-index:-2}.stroke{height:9px;border-radius:60% 70% 50% 55%;transform:rotate(-2deg);background:linear-gradient(90deg,#fd713c,#f9b98b4a);z-index:1}.handwritten{font-family:var(--hand);font-size:46px;letter-spacing:4px;color:#df6338;transform:rotate(-14deg);white-space:nowrap;line-height:1.2}.handwritten:after{content:'';position:absolute;left:8px;right:-15px;bottom:-12px;height:4px;border-radius:50%;background:linear-gradient(90deg,#ef652e,#ef652e08);transform:rotate(-3deg)}.icon-wrap{display:flex;align-items:center;justify-content:center;--ic:#e96c3b;color:var(--ic)}.icon-wrap svg{width:64%;height:64%;overflow:visible}.icon-circle{border-radius:50%;background:linear-gradient(130deg,#fff1e5,#fbe7dc)}.icon-square{border-radius:24%;background:linear-gradient(140deg,#ffb279,#ff8049 65%,#f9a364);color:white;box-shadow:0 12px 20px #ff79451c}.badge{border-radius:50%;background:linear-gradient(140deg,#ffa17b,#ea7449);box-shadow:0 0 0 11px #fff9}.badge.green{background:linear-gradient(140deg,#35594a,#173b2d)}.arrow{width:30px;height:30px;border-right:5px solid #e5804a;border-bottom:5px solid #e5804a;transform:rotate(45deg)}.arrow:before{content:'';position:absolute;left:19px;top:-21px;width:5px;height:44px;background:#e5804a;transform:rotate(-45deg)}.check{border-radius:50%;background:#f68e55;color:white;display:flex;align-items:center;justify-content:center;font:700 23px Arial}.check:before{content:'✓'}.pill{border-radius:50px;background:#fce9e380}.artboard.p1,.artboard.p11{background:#1a1d0f}.p2{background:radial-gradient(ellipse at 95% 72%,#f7e1ccaa,transparent 65%),#fcfaf7}.p3{background:radial-gradient(ellipse at 83% 20%,#fff3e4aa,transparent 50%),#fdfcfa}.p4{background:linear-gradient(120deg,#fafafa,#fcfaf7)}.p5,.p7{background:#faf7f0}.p6{background:linear-gradient(110deg,#fff,#fffdf9)}.p8{background:linear-gradient(125deg,#fcfcfa,#fffaf6)}.p9{background:#faf7f0}.p10{background:radial-gradient(ellipse at 3% 0,#fff1e655,transparent 45%),#fcf9f5}.p1 .cover-pill{background:linear-gradient(#ff454d 60%,#ff8939);border:3px solid #ffbc9680;border-radius:24px;box-shadow:inset 0 0 12px #fff4}.sample-card{border-radius:17px;overflow:hidden;box-shadow:0 2px 7px #62452b18}.sample-card .photo{width:100%;position:absolute;left:0;bottom:0}.sample-caption{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;background:linear-gradient(transparent,#000e);color:#fff;font:23px var(--sans)}.poster-title{font-family:var(--serif);font-size:28px;font-weight:700;position:absolute;left:17px;top:18px;line-height:1.2}.poster-subtitle{font-family:var(--serif);font-size:15px;position:absolute;left:17px;top:68px;line-height:1.2}.flow-connector{height:2px;background:repeating-linear-gradient(90deg,#df8a6277 0 7px,transparent 7px 16px);z-index:3}.next-dot{border-radius:50%;background:#f7864f;display:flex;align-items:center;justify-content:center;color:#fff;font:bold 44px Arial;box-shadow:0 0 0 5px #fff8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media print{@page{size:1920px 1080px;margin:0}.screen{width:1920px!important;height:1080px!important;break-after:page}.artboard{transform:none!important}}
/* Isolated illustration edges fade into their reconstructed CSS surfaces. */
.p4 .photo,.p9 .photo{mix-blend-mode:normal;mask-image:radial-gradient(ellipse at center,#000 51%,transparent 74%)}
.p7 .icon-square{border-radius:50%;background:linear-gradient(135deg,#f5ab69,#dd8844)}
.p6 .icon-wrap[style*="color:#90938d"]{background:#e9eae7}
.p5 .icon-wrap[style*="color:#fff"]{background:#ffffff20}
.arrow{transform:none;border:0}.arrow:before{left:8px;top:0;width:5px;height:30px;transform:none}.arrow:after{content:'';position:absolute;width:18px;height:18px;left:1px;top:12px;border-right:5px solid #e5804a;border-bottom:5px solid #e5804a;transform:rotate(45deg)}
.text.watermark{z-index:1}.p9 .photo{z-index:2}.p2 .handwritten:after{display:none}.p10 .handwritten:last-of-type:after{opacity:.2}