/* Full manuscript: each chapter has its own visual and interaction grammar. */
.chapter{padding:110px max(6%,calc((100vw - 1180px)/2));position:relative;overflow:clip;background:#fffef8}
.chapter-heading{max-width:1060px;margin:0 auto 48px}.chapter-heading .eyebrow{color:#65725a;font-size:10px;letter-spacing:.12em}.chapter-heading h2{font-size:clamp(36px,4.35vw,64px);line-height:1.42;letter-spacing:-.065em;margin:23px 0}.chapter-heading h2 em,.section-finale h2 em{color:var(--blue);font-style:normal}.chapter-lead{font-size:14px;line-height:2.1;color:#67705f}.chapter-heading:has(+.proof-player){text-align:center}.section-note{font-size:10px;line-height:1.85;color:#747b6b;max-width:1100px;margin:23px auto 0}.chapter button,.chapter input,.chapter textarea{font:inherit}.chapter button:focus-visible,.chapter summary:focus-visible,.chapter input:focus-visible,.chapter textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.chapter :is(button,a){touch-action:manipulation}.chapter h3{letter-spacing:-.035em}.chapter [aria-pressed=true]{color:var(--blue)}
.chapter .chapter-heading{transition:opacity .7s var(--ease),translate .7s var(--ease)}.chapter:not(.section-in-view) .chapter-heading{translate:0 12px}.motion-paused .chapter-heading{translate:0!important}.chapter:not(.section-in-view) :is(.recipe-wire i,.recipe-audio i,.handoff-route i,.scope-active:after){animation-play-state:paused!important}
/* Evidence: a wide, readable screen with three precise observations. */
.section-proof{background:#f8f5ed}.proof-player{max-width:1100px;margin:auto;background:#fff;border:1px solid #c8cebe;border-radius:8px;overflow:hidden;box-shadow:0 30px 50px -32px #25351b55;transform:perspective(1500px) rotateX(calc((1 - var(--section-progress,1))*3deg));transform-origin:bottom}.screen-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;font-size:9px;letter-spacing:.05em;border-bottom:1px solid #d9dece}.screen-bar i{display:inline-block;width:5px;height:5px;background:#7c985c;border-radius:50%;margin-right:7px}.screen-bar button{font-size:10px;border-bottom:1px solid #9baa90;padding:4px 0}.proof-player video{width:100%;aspect-ratio:16/9;object-fit:contain}.proof-three{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:43px auto 0;max-width:1100px}.proof-three>div{border-top:1px solid #bfc8b2;padding-top:22px}.proof-three small{color:var(--blue);font-size:8px;letter-spacing:.1em}.proof-three h3{font-size:19px;margin:14px 0 12px}.proof-three p{font-size:12px;color:#65715b;line-height:1.9}
/* Advantage index: each benefit points straight to the relevant demonstration. */
.section-advantages{background:#eeefe5}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 42px}.advantage-item{position:relative;border-top:1px solid #bcc7ae;padding-top:24px;min-height:235px;overflow:clip}.adv-number{font-size:10px;color:#728160;letter-spacing:.1em}.adv-title{display:flex;align-items:center;justify-content:space-between;margin:17px 0 19px;position:relative;z-index:1}.adv-title h3{font-size:36px;line-height:1.3;letter-spacing:-.06em}.adv-title>span{border:1px solid #bec7b4;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;transition:background .3s,color .3s,transform .4s}.advantage-item>b{font-size:12px;display:block;position:relative;z-index:1}.advantage-item>p{font-size:12px;line-height:1.85;color:#68745b;margin-top:10px;max-width:90%;position:relative;z-index:1}.advantage-item>img{position:absolute;right:18px;top:-10px;width:100px;height:110px;object-fit:cover;opacity:0;transform:translateY(25px) rotate(14deg);transition:transform .5s var(--ease),opacity .4s;pointer-events:none;border:5px solid #fffef5;box-shadow:0 8px 12px #24302314}.advantage-item:hover>img,.advantage-item:focus-visible>img{opacity:.26;transform:translateY(0) rotate(7deg)}.advantage-item:hover .adv-title>span{background:var(--blue);border-color:var(--blue);color:white;transform:rotate(45deg)}.advantage-item:hover h3{color:var(--blue)}
/* Five steps: the objects move; the document never locks the scroll. */
.section-process{background:#fffdf6}.process-stage{padding:35px 45px 32px;background:#f0eee4;border:1px solid #dedecf;border-radius:6px}.process-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:25px 5px 50px;perspective:1200px}.process-line{position:absolute;left:8%;right:8%;top:42%;height:2px;background:#c1c8b2}.process-line:after{content:'';position:absolute;inset:0;transform:scaleX(var(--process-progress,0));transform-origin:left;background:var(--blue);transition:transform .65s var(--ease)}.process-object{padding:9px;background:#fffefa;border:1px solid #d3d7c7;border-radius:5px;box-shadow:0 13px 20px -12px #283b2536;transform:translateY(10px) rotate(calc((var(--index,0) - 2)*3deg));transition:transform .7s var(--ease),box-shadow .5s,border-color .5s;position:relative}.process-object>span{position:absolute;left:15px;top:15px;font-size:8px;color:var(--blue)}.process-object img{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:2px}.process-object:last-child img{object-fit:contain;padding:25px;background:#edf0e0}.process-object b{display:block;text-align:center;font-size:10px;margin:12px 0 5px}.process-object.is-current{transform:translateY(-16px) rotate(0deg) scale(1.07);border-color:var(--blue);box-shadow:0 24px 28px -20px #264ae55a}.process-object.is-past{transform:translateY(0) rotate(0);border-color:#a5b69a}.process-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;border-top:1px solid #c9cebd;padding-top:12px}.process-controls button{font-size:11px;text-align:left;padding:12px 0;position:relative;line-height:1.6}.process-controls button span{display:block;font-size:8px;margin-bottom:8px;color:#788468}.process-controls button:after{content:'';height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.process-controls [aria-pressed=true]:after{transform:scaleX(1)}.process-description{margin-top:29px;display:grid;grid-template-columns:38fr 62fr;align-items:center;gap:10px 25px;padding:10px 0;min-height:124px}.process-description small{font-size:8px;color:var(--blue);grid-column:1}.process-description h3{font-size:26px;grid-column:1;line-height:1.5}.process-description p{grid-column:2;grid-row:1/3;font-size:13px;color:#637056;line-height:1.9;padding-right:25px}
/* Recipes: four material types, with a visible input / process / output relationship. */
.section-capabilities{background:#f3f1e7}.recipe-lab{background:#fffefa;border:1px solid #d3d7c7;border-radius:7px;overflow:hidden;box-shadow:0 26px 35px -27px #35462c3d}.recipe-options{display:flex;justify-content:center;gap:8px;padding:20px;border-bottom:1px solid #e1e3d9}.recipe-options button{padding:11px 25px;font-size:12px;border:1px solid transparent;border-radius:30px;transition:background .25s,border-color .25s}.recipe-options [aria-pressed=true]{background:#eff2fc;border-color:#c7d2f5}.recipe-preview{display:flex;align-items:center;justify-content:center;padding:43px 40px 32px;min-height:325px;background-image:radial-gradient(#cdd3c1 .9px,transparent .9px);background-size:18px 18px}.recipe-input{width:145px;flex-shrink:0;background:white;border:1px solid #d7dccb;border-radius:6px;padding:10px;text-align:center;transform:rotate(-4deg)}.recipe-input>span{font-size:7px;letter-spacing:.1em;color:#60744c}.recipe-input img{width:100%;height:116px;object-fit:contain}.recipe-input b{font-size:10px;display:block;padding:8px 0}.recipe-engine{width:165px;flex-shrink:0;min-height:170px;background:#e8ed97;box-shadow:6px 7px 0 #dfe587;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(2deg);transition:background .4s,transform .4s}.recipe-engine>span{font-size:53px;color:#334515;line-height:1.2;transition:rotate .7s var(--ease)}.recipe-engine b{font-size:12px;margin-top:15px}.recipe-engine small{font-size:9px;color:#697447;margin-top:10px}.recipe-wire{position:relative;width:9%;height:1px;background:#95a486}.recipe-wire i{position:absolute;height:6px;width:6px;background:var(--blue);border-radius:50%;top:-2px;animation:recipe-travel 3s linear infinite}.recipe-wire i:nth-child(2){animation-delay:-1s}.recipe-wire i:nth-child(3){animation-delay:-2s}.recipe-result{width:275px;text-align:center}.recipe-images{height:166px;display:flex;align-items:center;justify-content:center;padding:0 8px}.recipe-images img{width:33%;height:132px;object-fit:cover;border:5px solid #fffefa;box-shadow:0 4px 9px #273b2522;transition:transform .6s var(--ease)}.recipe-images img:first-child{transform:rotate(-8deg) translateX(5px)}.recipe-images img:nth-child(2){transform:translateY(-12px);z-index:1}.recipe-images img:last-child{transform:rotate(7deg) translateX(-5px)}.recipe-result>b{font-size:11px;display:block;margin-top:14px}.recipe-audio,.recipe-folders{display:none}.recipe-description{padding:18px 25px 22px;background:#f8f8f0;font-size:12px;color:#657358;text-align:center;border-top:1px solid #e1e4d6;min-height:65px}.recipe-preview[data-recipe-view=video] .recipe-engine{background:#d9e4fd;transform:rotate(-2deg)}.recipe-preview[data-recipe-view=video] .recipe-images img:first-child{transform:translateX(47px) rotate(-8deg);opacity:.5}.recipe-preview[data-recipe-view=video] .recipe-images img:nth-child(2){transform:scale(1.2)}.recipe-preview[data-recipe-view=video] .recipe-images img:last-child{transform:translateX(-47px) rotate(7deg);opacity:.5}.recipe-preview[data-recipe-view=audio] .recipe-images,.recipe-preview[data-recipe-view=workflow] .recipe-images{display:none}.recipe-preview[data-recipe-view=audio] .recipe-audio{display:flex;height:166px;align-items:center;justify-content:center;gap:3px;padding:15px;background:#eceafa;border-radius:8px}.recipe-audio i{height:var(--bar);width:4px;border-radius:5px;background:#8070b8;animation:wave 1.3s var(--delay) ease-in-out infinite alternate}.recipe-preview[data-recipe-view=audio] .recipe-engine{background:#ebe6f7}.recipe-preview[data-recipe-view=workflow] .recipe-folders{display:flex;gap:10px;align-items:center;justify-content:center;height:166px}.recipe-folders span{background:#e7eedb;border:1px solid #bdc9ab;border-radius:5px;width:70px;height:100px;display:grid;place-items:center;font-size:8px;box-shadow:5px 5px 0 #d9e3ca;transform:rotate(-4deg)}.recipe-folders span+span{transform:rotate(5deg)}.recipe-preview[data-recipe-view=workflow] .recipe-engine{background:#dce8d2}.capability-list{margin-top:40px}.capability-list details{border-top:1px solid #ccd2bf}.capability-list details:last-child{border-bottom:1px solid #ccd2bf}.capability-list summary{display:flex;align-items:center;gap:24px;padding:21px 0}.capability-list summary>span{font-size:9px;color:var(--blue)}.capability-list h3{font-size:16px;flex:1}.capability-list summary>small{font-size:10px;color:#6a765c}.capability-list summary>b{font-weight:400;font-size:20px;margin-left:20px;transition:rotate .25s}.capability-list details[open] summary>b{rotate:45deg}.capability-list details>p{padding:0 25px 24px 44px;font-size:12px;color:#647056}
/* The real canvas: recorded footage is never presented as a live app. */
.section-tour{background:#edf0e4}.tour-layout{display:grid;grid-template-columns:27fr 73fr;gap:35px;align-items:start}.tour-menu{display:flex;flex-direction:column;gap:4px}.tour-menu button{text-align:left;border-top:1px solid #c1cbb4;padding:23px 0 25px 28px;position:relative;color:#727c64;transition:color .3s,padding .4s}.tour-menu button>span{position:absolute;left:0;top:24px;font-size:8px}.tour-menu b{font-size:16px;display:block;line-height:1.7}.tour-menu small{font-size:10px;display:block;margin-top:7px;color:#737e65}.tour-menu button[aria-pressed=true]{color:var(--blue);padding-left:37px}.tour-menu button:after{content:'';height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:0;transform:scaleX(0);transform-origin:left;transition:transform .5s}.tour-menu button[aria-pressed=true]:after{transform:scaleX(1)}.tour-screen{background:white;border:1px solid #c7d2ba;border-radius:6px;overflow:hidden;box-shadow:0 20px 32px -24px #33452650}.tour-screen video{width:100%;aspect-ratio:16/9;object-fit:contain}.tour-screen-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;font-size:10px;line-height:1.8}.tour-screen-caption button{font-size:10px;white-space:nowrap;border-bottom:1px solid #a5b496;padding:5px 0}
/* Organization: six real sample cards rearrange without affecting document flow. */
.section-workspace{background:#fffdf6}.workspace-board{border:1px solid #d5dac9;border-radius:8px;background:#f2f2e8;box-shadow:0 25px 40px -28px #42533540;overflow:hidden}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #d3dac5;background:#fcfdf8}.workspace-toolbar>span{font-size:8px;letter-spacing:.09em}.workspace-toolbar>div{display:flex;gap:5px}.workspace-toolbar button{padding:9px 16px;font-size:11px;border:1px solid transparent;border-radius:30px}.workspace-toolbar [aria-pressed=true]{background:#eef2e2;border-color:#c7d3b1}.organize-stage{height:390px;position:relative;background-image:radial-gradient(#cdd5bf .8px,transparent .8px);background-size:18px 18px;isolation:isolate}.organize-frame{position:absolute;border:1px solid #c8d2b5;background:#eff4e655;border-radius:8px;inset:8% auto 8% 3%;width:45%;transition:all .65s var(--ease);z-index:-1}.frame-b{left:52%}.organize-frame span{font-size:8px;letter-spacing:.1em;position:absolute;left:16px;top:18px;color:#71825a}.organize-card{position:absolute;width:14%;height:175px;background:#fffefa;border:1px solid #d0d6c2;border-radius:5px;padding:6px;box-shadow:0 14px 15px -12px #30452b55;left:var(--card-x);top:var(--card-y);transform:rotate(var(--card-r));transition:left .7s var(--ease),top .7s var(--ease),width .7s,height .7s,transform .7s;z-index:1}.organize-card img{width:100%;height:calc(100% - 24px);object-fit:cover;border-radius:2px}.organize-card>span{font-size:8px;display:block;padding:7px 2px;white-space:nowrap}.card-0{--card-x:5%;--card-y:32%;--card-r:-7deg;--index:0}.card-1{--card-x:19%;--card-y:25%;--card-r:3deg;--index:1}.card-2{--card-x:32%;--card-y:35%;--card-r:7deg;--index:2}.card-3{--card-x:54%;--card-y:28%;--card-r:-5deg;--index:3}.card-4{--card-x:68%;--card-y:36%;--card-r:3deg;--index:4}.card-5{--card-x:81%;--card-y:24%;--card-r:8deg;--index:5}.organize-stage[data-organization=group] .frame-a{left:14%;width:72%;border-color:#93ae72;background:#e5edda88}.organize-stage[data-organization=group] .frame-b{opacity:0}.organize-stage[data-organization=group] .organize-card{left:calc(20% + var(--index)*10%);top:28%;transform:rotate(calc((var(--index) - 2)*5deg))}.organize-stage[data-organization=list] .organize-frame{opacity:0}.organize-stage[data-organization=list] .organize-card{width:70%;height:45px;left:15%;top:calc(9% + var(--index)*13%);transform:rotate(0);display:flex;align-items:center;gap:18px;padding:4px 18px 4px 4px}.organize-stage[data-organization=list] .organize-card img{width:50px;height:100%}.organize-stage[data-organization=list] .organize-card span{font-size:11px}.organize-stage[data-organization=flow] .organize-card{left:calc(4% + var(--index)*16%);top:29%;transform:none;width:12%}.organize-stage[data-organization=flow] .frame-a{inset:17% auto 18% 2%;width:96%;border:2px solid #bac8a9;background:#eaf0e0}.organize-stage[data-organization=flow] .frame-b{opacity:0}.organize-flow-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:var(--blue);opacity:0;transition:opacity .6s}.organize-stage[data-organization=flow] .organize-flow-line{opacity:.7}.workspace-board>p{border-top:1px solid #d8dfcb;padding:18px 24px;background:#fafcf3;font-size:12px;color:#5b6d4b}.workspace-stories{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:36px}.workspace-stories article>span{font-size:8px;color:var(--blue);letter-spacing:.08em}.workspace-stories h3{font-size:22px;margin:15px 0}.workspace-stories p{font-size:13px;color:#68785a;line-height:1.95}
/* Adoption and protection are two visibly independent choices. */
.section-vault{background:#f3f0e7}.vault-takes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.vault-image{position:relative;aspect-ratio:1.15;overflow:hidden;border:1px solid #d8dacd;border-radius:5px;background:#e9eddf;transition:box-shadow .4s,translate .4s,border-color .4s}.vault-image>img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease)}.vault-take:has([data-vault-adopt][aria-pressed=true]) .vault-image{box-shadow:0 0 0 3px var(--blue),0 18px 30px -18px #264ae540;translate:0 -6px;border-color:white}.vault-take:hover .vault-image>img{scale:1.03}.vault-index{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:.05em;background:#fffef4e8;padding:6px 9px;border-radius:3px}.vault-selected{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:9px;background:var(--blue);color:white;font-size:10px}.vault-protected{position:absolute;top:12px;right:12px;font-size:8px;padding:6px 8px;background:#e9ef97;color:#354815;border:1px solid #cbd282;border-radius:3px}.vault-take h3{font-size:17px;margin:19px 0 13px}.vault-actions{display:flex;gap:7px}.vault-actions button{font-size:11px;padding:11px 18px;border:1px solid #c5ccbb;border-radius:30px;min-height:43px}.vault-actions button[aria-pressed=true]{background:#e9edf9;border-color:#b7c6f0}.vault-actions [data-vault-protect][aria-pressed=true]{background:#edf0bc;color:#4a581e;border-color:#c9d07f}.vault-next{margin-top:45px;border-top:1px solid #c5cdbc;border-bottom:1px solid #c5cdbc;padding:26px 0;display:flex;align-items:center;gap:26px}.vault-selected-thumb{width:75px;height:85px;flex-shrink:0;transform:rotate(-4deg);padding:4px;background:white;border:1px solid #b5c0a8}.vault-selected-thumb img{width:100%;height:100%;object-fit:cover}.vault-arrow{font-size:25px;color:var(--blue)}.vault-next>div:nth-of-type(2){flex:1}.vault-next small{font-size:8px;color:#60784a;letter-spacing:.06em}.vault-next p{font-size:16px;font-weight:700;margin:8px 0}.vault-next>div>span{font-size:11px;color:#6c765f}.vault-existing{width:155px;flex-shrink:0;border-left:1px solid #d5dacb;padding-left:24px}.vault-existing img{width:70px;height:55px;object-fit:cover;filter:saturate(.65);border:3px solid white}.vault-existing small{display:block;font-size:7px;letter-spacing:0;margin-top:9px;line-height:1.8}
/* Execution scope and recovery: change the path, not the reader's scroll. */
.section-run{background:#eef1e7}.run-layout{display:grid;grid-template-columns:55fr 45fr;gap:45px;align-items:center}.run-scope{border:1px solid #c7d2b8;border-radius:7px;background:#fefef9;box-shadow:0 30px 35px -28px #41522d4d;overflow:hidden}.scope-options{padding:20px;display:flex;justify-content:center;gap:8px;border-bottom:1px solid #d9dfd1}.scope-options button{padding:10px 20px;font-size:12px;border-radius:30px;border:1px solid transparent}.scope-options [aria-pressed=true]{background:#edf2e2;border-color:#cbd6b8}.scope-nodes{display:flex;align-items:center;justify-content:center;gap:0;height:220px;padding:20px;background-image:radial-gradient(#d2d9c5 .8px,transparent .8px);background-size:18px 18px}.scope-nodes>span{border:1px solid #cdd6bf;background:#f6f8f0;display:grid;place-items:center;padding:22px 8px;min-width:72px;font-size:11px;position:relative;border-radius:6px;transition:transform .5s,background .5s,border-color .5s;z-index:1}.scope-nodes>i{height:2px;flex:1;background:#c0cbb1;max-width:27px}.scope-nodes>span.scope-active{color:var(--blue);background:#edf1ff;border-color:#b1c2f1;transform:translateY(-8px);box-shadow:0 8px 14px -10px #264ae576}.scope-active:after{content:'';position:absolute;inset:-5px;border:1px solid #264ae52e;border-radius:9px;animation:scope-pulse 2.5s ease-in-out infinite}.scope-receipt{border-top:1px solid #d8dfcd;padding:22px 25px;background:#fafcf4;display:flex;flex-direction:column;gap:11px}.scope-receipt>span{font-size:9px;color:#778766}.scope-receipt>b{font-size:19px;min-height:30px}.scope-receipt small{font-size:10px;line-height:1.8;color:#657857}.run-copy{padding-right:45px}.run-copy article+article{margin-top:30px}.run-copy article>small{font-size:8px;color:var(--blue);letter-spacing:.1em}.run-copy h3{font-size:22px;margin:11px 0}.run-copy p{font-size:13px;line-height:1.95;color:#68775b}.run-copy .text-link{text-align:left;margin:23px 0 0;font-size:11px}.recovery{margin-top:65px;padding:40px 0;border-top:1px solid #c2cdb5;border-bottom:1px solid #c2cdb5;display:grid;grid-template-columns:38fr 62fr;gap:25px}.recovery h3{font-size:28px;line-height:1.6;margin-top:19px;letter-spacing:-.05em}.recovery .eyebrow{font-size:8px}.recovery-body{padding-right:25px}.recovery-options{display:flex;gap:8px}.recovery-options button{padding:11px 17px;font-size:11px;border:1px solid #c5cfb8;border-radius:25px}.recovery-options button[aria-pressed=true]{background:#fffef9;border-color:#8c9f74}.recovery-route{display:grid;grid-template-columns:1fr auto 1.6fr auto 1fr;align-items:center;gap:12px;margin:25px 0}.recovery-route>span,.recovery-route>b{background:#fffef6;border:1px solid #d4dbc9;text-align:center;padding:17px 7px;font-size:11px;font-weight:400;border-radius:4px;transition:background .4s,translate .4s}.recovery-route>b{color:#786237;background:#f2e8c8;border-color:#d8cba3;font-weight:700}.recovery-route[data-recovery-view=creative]>b{color:var(--blue);background:#e8eefc;border-color:#b5c6ef;translate:0 -4px}.recovery-route>i{font-style:normal;font-size:18px;color:#9cac86}.recovery-body>p{font-size:12px;line-height:1.9;color:#6a775e;min-height:47px}
/* The handoff retains the source film and lets its framing do the storytelling. */
.section-handoff{background:#fffdf7}.handoff-stage{display:grid;grid-template-columns:30% 13% 57%;align-items:center;padding:36px 0 45px;perspective:1200px}.handoff-source{text-align:center}.handoff-source>img{width:155px;margin:auto}.handoff-source>span{display:block;font-size:10px;color:#78856a;margin-top:13px}.handoff-stack{position:relative;height:190px;margin-top:25px}.handoff-stack img{position:absolute;top:15px;left:calc(50% - 64px);width:128px;height:151px;object-fit:cover;border:7px solid #fffef8;box-shadow:0 7px 18px #34432624;transition:transform .6s}.handoff-stack img:first-child{transform:translateX(-45px) rotate(-13deg)}.handoff-stack img:nth-child(2){z-index:1;transform:translateY(-7px)}.handoff-stack img:last-child{transform:translateX(45px) rotate(13deg)}.section-handoff:hover .handoff-stack img:first-child{transform:translateX(-55px) rotate(-17deg)}.section-handoff:hover .handoff-stack img:last-child{transform:translateX(55px) rotate(17deg)}.handoff-route{position:relative;height:2px;background:#b8c6a4}.handoff-route>span{position:absolute;right:0;top:-12px;font-size:20px;color:var(--blue)}.handoff-route>i{position:absolute;left:0;top:-3px;height:7px;width:7px;border-radius:50%;background:var(--blue);animation:recipe-travel 2.8s linear infinite}.handoff-film{padding:8px;background:#fffdf5;box-shadow:9px 12px 0 #e5eabd;transform:rotate(2deg);border:1px solid #d6dcc7}.handoff-film video{width:100%;aspect-ratio:854/480;object-fit:contain}.handoff-film>span{font-size:10px;padding:14px 8px 8px;display:block}.handoff-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #d1d7c4;padding-top:30px}.handoff-bottom>p{font-size:12px;color:#6b775d;line-height:1.9}.handoff-bottom .button{font-size:11px;white-space:nowrap;min-height:48px}
/* Consultation: real local composition and a verified mail destination. */
.section-brief{background:#f1f0e6}.brief-layout{display:grid;grid-template-columns:54fr 46fr;gap:50px;align-items:start}.brief-choices{padding-right:30px}.brief-choices fieldset{border:0;border-top:1px solid #c8d0bd;padding:22px 0 29px;margin:0}.brief-choices legend{float:left;width:100%;font-size:15px;font-weight:700;padding:0 0 18px}.brief-choices legend span{font-size:9px;font-weight:400;color:var(--blue);margin-right:20px;vertical-align:middle}.brief-choices fieldset>div{display:flex;gap:8px;clear:both;flex-wrap:wrap}.brief-choices button{font-size:11px;padding:12px 19px;min-height:44px;border:1px solid #c7d0b9;border-radius:30px;transition:background .25s,border-color .25s,translate .25s}.brief-choices button[aria-pressed=true]{background:#fffef8;color:var(--blue);border-color:#9dacdc;translate:0 -2px;box-shadow:0 3px 0 #d6dfc7}.brief-paper{position:relative;background:#fffced;border:1px solid #e2dec6;padding:35px 30px 25px;box-shadow:7px 9px 0 #e0dfc4,0 26px 30px -28px #25311c5c;transform:rotate(1deg);margin-right:50px}.brief-paper:before{content:'';height:16px;width:84px;position:absolute;left:calc(50% - 42px);top:-8px;background:#d4debb88;transform:rotate(-5deg)}.brief-paper .eyebrow{font-size:8px;color:#77835d}.brief-paper h3{font-size:23px;margin:22px 0}.brief-paper>p:not(.brief-feedback){font-size:14px;line-height:2.05;min-height:132px;border-bottom:1px solid #e0dfc9;padding-bottom:23px;margin-bottom:24px}.brief-paper label{display:block;font-size:10px;color:#78836b;margin-bottom:11px;line-height:1.8}.brief-paper textarea{resize:vertical;width:100%;min-height:100px;border:1px solid #d5dbc6;border-radius:3px;background:#fffef8;padding:12px;font-size:11px;line-height:1.9;color:var(--ink)}.brief-paper textarea::placeholder{color:#929780}.brief-paper-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:23px;font-size:11px}.brief-paper-actions button,.brief-paper-actions a{border-bottom:1px solid #afb998;padding:0 0 7px;font-size:11px;font-weight:700}.brief-paper-actions a{color:var(--blue);border-color:#a6b7ec}.brief-feedback{font-size:10px;color:#71805b;line-height:1.8;min-height:18px;margin-top:16px}.brief-foot{display:flex;align-items:start;gap:38px;margin-top:35px;border-top:1px solid #cbd2bf;padding-top:25px}.brief-foot>span{font-size:8px;color:var(--blue);line-height:2;min-width:185px}.brief-foot p{font-size:12px;line-height:1.9;color:#6c785f}
/* Human use: two quiet films, presented without testimonial claims. */
.section-audience{background:#fffdf6}.audience-scenes{display:grid;grid-template-columns:1fr 1fr;gap:32px}.audience-scenes article{border-bottom:1px solid #c8d2bc;padding-bottom:27px}.audience-scenes video{width:100%;aspect-ratio:854/480;object-fit:contain;border-radius:3px;transition:filter .4s,transform .6s}.audience-scenes article:hover video{transform:translateY(-5px)}.audience-scenes article>div{padding:27px 4px 0}.audience-scenes small{font-size:8px;letter-spacing:.09em;color:#667e50}.audience-scenes h3{font-size:23px;margin:16px 0}.audience-scenes p{font-size:13px;color:#728064;line-height:1.9;max-width:90%}.audience-note{font-size:12px;color:#6a785c;line-height:1.95;margin-top:28px}.audience-note a{display:inline-block;border-bottom:1px solid #adba9b;color:var(--ink);font-size:11px;margin-left:18px;font-weight:700}
/* FAQ: searchable by topic, with the complete 13 answers. */
.section-faq{background:#f5f4ec}.faq-filters{display:flex;gap:10px;margin:0 0 35px;flex-wrap:wrap}.faq-filters button{font-size:11px;padding:12px 20px;border:1px solid #c9d1be;border-radius:30px;min-height:44px}.faq-filters button small{font-size:8px;margin-left:7px}.faq-filters [aria-pressed=true]{background:#fffefa;border-color:#9fab8d;color:var(--blue)}.full-faq-list{max-width:1100px}.full-faq-list details{border-top:1px solid #cbd3bf}.full-faq-list details:last-child{border-bottom:1px solid #cbd3bf}.full-faq-list summary{padding:26px 0;display:flex;align-items:center;gap:28px}.full-faq-list summary>span{font-size:9px;color:#7b8c67}.full-faq-list h3{font-size:16px;line-height:1.8;flex:1}.full-faq-list summary>b{font-size:23px;font-weight:400;transition:rotate .3s}.full-faq-list details[open] summary>b{rotate:45deg;color:var(--blue)}.full-faq-list details[open] h3{color:var(--blue)}.full-faq-list details>p{font-size:13px;line-height:2;padding:0 55px 26px;color:#6b7a5c;max-width:940px;animation:feature-open .4s var(--ease)}
/* Closing: a living brand signature and two immediate routes. */
.section-finale{background:#e9edc7;text-align:center;padding-top:65px;padding-bottom:105px;isolation:isolate}.finale-art{width:min(380px,65vw);margin:0 auto 39px;transform:rotate(-3deg);padding:7px;background:#fffdf5;box-shadow:10px 10px 0 #d1d9a6}.finale-art video{width:100%;aspect-ratio:854/480;object-fit:contain}.section-finale h2{font-size:clamp(37px,4.7vw,68px);margin:24px 0;line-height:1.5}.section-finale .chapter-lead{font-size:13px}.finale-actions{display:flex;align-items:center;justify-content:center;gap:30px;margin:33px 0}.finale-demo{font-size:11px;font-weight:700;border-bottom:1px solid #9eae7d;padding-bottom:8px}.finale-small{font-size:10px;line-height:2.2;color:#62714e}.finale-small a{color:var(--ink);border-bottom:1px solid #a2af89;margin-left:5px}.section-finale:after{content:'';position:absolute;z-index:-1;width:520px;height:520px;border:1px solid #abbf8266;border-radius:50%;right:-210px;bottom:-190px;box-shadow:0 0 0 45px #d9e1b44d,0 0 0 92px #d9e1b436;transform:translateY(calc(var(--section-progress,0)*-35px))}
@keyframes recipe-travel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes wave{from{scale:1 .35}to{scale:1 1}}@keyframes scope-pulse{0%,100%{opacity:.25}50%{opacity:1}}
@media(max-width:1100px) and (min-width:768px){.chapter{padding:85px 5%}.recipe-preview{padding:35px 22px}.recipe-input{width:115px}.recipe-engine{width:130px}.recipe-result{width:210px}.recipe-images{padding:0}.recipe-images img{height:108px}.process-stage{padding:30px 24px}.process-track{gap:16px}.scope-nodes{padding:12px}.scope-nodes>span{min-width:57px;font-size:9px}.run-layout{gap:25px}.run-copy{padding-right:25px}.brief-layout{gap:25px}.brief-paper{padding:27px 22px;margin-right:25px}.brief-choices{padding-right:15px}.brief-choices button{padding:10px 12px}.tour-layout{gap:20px}.tour-menu b{font-size:14px}.tour-menu small{font-size:9px}}
@media(max-width:767px){.chapter{padding:75px 6%}.chapter-heading{margin-bottom:32px}.chapter-heading .eyebrow{font-size:7px;letter-spacing:.08em}.chapter-heading h2{font-size:clamp(30px,8.1vw,47px);line-height:1.5;margin:20px 0}.chapter-lead{font-size:12px;line-height:2}.chapter-lead br{display:none}.section-note{font-size:9px;line-height:1.9;margin-top:20px}.screen-bar{font-size:6px;padding:12px 10px;gap:12px;letter-spacing:0}.screen-bar button{font-size:8px;white-space:nowrap}.proof-player{margin:0 -2%}.proof-three{grid-template-columns:1fr;gap:23px;margin-top:28px}.proof-three>div{padding:18px 0 0 40px;position:relative}.proof-three small{font-size:7px}.proof-three h3{font-size:18px;margin:9px 0}.proof-three p{font-size:11px}.advantage-grid{grid-template-columns:1fr 1fr;gap:27px 23px}.advantage-item{padding-top:18px;min-height:233px}.adv-title h3{font-size:26px}.adv-title{margin:13px 0 14px;gap:5px}.adv-title>span{width:25px;height:25px;font-size:12px;flex-shrink:0}.advantage-item>b{font-size:11px;line-height:1.8}.advantage-item>p{font-size:10px;line-height:1.95;max-width:100%;margin-top:8px}.adv-number{font-size:8px}.advantage-item>img{display:none}.process-stage{padding:23px 14px 21px;margin:0 -2%}.process-track{gap:8px;padding:25px 0 30px}.process-object{padding:4px;border-radius:3px;transform:translateY(7px) rotate(calc((var(--index,0) - 2)*3deg))}.process-object img{aspect-ratio:.75;border-radius:1px}.process-object>span{left:6px;top:6px;font-size:5px}.process-object b{font-size:6px;margin:6px 0;line-height:1.5;min-height:18px}.process-object:last-child img{padding:10px}.process-object.is-current{transform:translateY(-7px) rotate(0) scale(1.08)}.process-controls{gap:7px;padding-top:5px}.process-controls button{font-size:9px;line-height:1.7;min-height:68px;padding:7px 0}.process-controls button span{font-size:7px;margin-bottom:5px}.process-description{display:block;margin-top:23px;padding:0 2px;min-height:154px}.process-description h3{font-size:24px;margin:10px 0}.process-description p{font-size:11px;padding:0;line-height:1.95}.recipe-options{padding:13px 8px;gap:3px}.recipe-options button{font-size:10px;padding:10px 17px;min-height:42px;white-space:nowrap}.recipe-preview{min-height:375px;flex-wrap:wrap;gap:22px 0;padding:30px 15px 25px;position:relative}.recipe-input{width:95px;padding:7px}.recipe-input>span{font-size:6px}.recipe-input img{height:79px}.recipe-input b{font-size:8px;padding:6px 0}.recipe-engine{width:119px;min-height:125px;box-shadow:5px 5px 0 #dfe587}.recipe-engine>span{font-size:39px}.recipe-engine b{font-size:10px;margin-top:8px}.recipe-engine small{font-size:8px;margin-top:7px}.recipe-wire{width:22%;max-width:70px}.recipe-wire:nth-of-type(4){display:none}.recipe-result{width:90%;margin-top:2px}.recipe-images,.recipe-audio,.recipe-folders{height:123px!important}.recipe-images img{width:65px;height:113px}.recipe-result>b{font-size:10px;margin-top:12px}.recipe-description{font-size:11px;text-align:left;line-height:1.9;padding:17px 20px;min-height:75px}.capability-list{margin-top:27px}.capability-list summary{gap:13px;padding:18px 0;flex-wrap:wrap;position:relative}.capability-list summary>span{font-size:8px}.capability-list h3{font-size:13px;flex-basis:80%;padding-right:20px}.capability-list summary>small{font-size:8px;display:block;width:100%;padding-left:28px;margin-top:-5px}.capability-list summary>b{position:absolute;right:0;top:20px;font-size:19px}.capability-list details>p{font-size:11px;line-height:1.95;padding:0 13px 20px 28px}.tour-layout{display:flex;flex-direction:column;gap:24px}.tour-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.tour-menu button{padding:15px 0!important;text-align:left;min-height:103px}.tour-menu button>span{position:static;font-size:7px;display:block;margin-bottom:9px}.tour-menu b{font-size:10px;line-height:1.8}.tour-menu small{font-size:8px;line-height:1.7;margin-top:5px}.tour-screen{width:104%;margin:0 -2%}.tour-screen-caption{padding:13px 10px;gap:12px;font-size:8px}.tour-screen-caption button{font-size:8px}.workspace-toolbar{display:block;padding:16px 12px}.workspace-toolbar>span{display:block;font-size:7px;margin-bottom:13px}.workspace-toolbar>div{gap:5px;justify-content:space-between}.workspace-toolbar button{font-size:10px;padding:9px 13px;min-height:40px}.organize-stage{height:365px}.organize-frame{inset:4% 4% auto;width:92%;height:44%}.frame-b{top:52%;left:4%}.organize-frame span{font-size:6px;left:10px;top:11px}.organize-card{width:25%;height:115px;padding:4px;border-radius:4px;left:7%;top:14%}.organize-card img{height:calc(100% - 21px)}.organize-card>span{font-size:6px;padding:6px 1px}.card-0,.card-3{left:7%}.card-1,.card-4{left:37%}.card-2,.card-5{left:67%}.card-3,.card-4,.card-5{top:61%}.organize-stage[data-organization=group] .frame-a{left:5%;width:90%;top:12%;height:77%}.organize-stage[data-organization=group] .organize-card{left:calc(12% + var(--index)*10%);top:32%;width:26%}.organize-stage[data-organization=list] .organize-card{left:8%;width:84%;height:42px;top:calc(7% + var(--index)*14%);gap:13px}.organize-stage[data-organization=list] .organize-card span{font-size:9px}.organize-stage[data-organization=flow] .organize-card{left:calc(5% + var(--index)*15%);top:32%;width:16%;height:120px}.organize-stage[data-organization=flow] .organize-card span{font-size:5px;white-space:normal}.organize-stage[data-organization=flow] .frame-a{top:20%;height:60%;left:2%;width:96%}.workspace-board>p{font-size:10px;padding:16px 15px;line-height:1.9;min-height:71px}.workspace-stories{grid-template-columns:1fr;gap:28px;margin-top:28px}.workspace-stories article>span{font-size:7px}.workspace-stories h3{font-size:21px;margin:12px 0}.workspace-stories p{font-size:12px;line-height:1.95}.vault-takes{gap:12px}.vault-image{aspect-ratio:.73}.vault-index{font-size:6px;padding:4px 5px;top:6px;left:5px}.vault-selected{font-size:6px;padding:7px 2px}.vault-protected{font-size:6px;top:30px;right:5px;padding:3px 5px}.vault-take h3{font-size:11px;line-height:1.8;margin:15px 0 9px;min-height:40px}.vault-actions{flex-direction:column;gap:7px}.vault-actions button{font-size:10px;padding:10px 4px;min-height:42px;border-radius:22px}.vault-next{gap:14px;flex-wrap:wrap;margin-top:30px;padding:23px 0}.vault-selected-thumb{width:50px;height:63px}.vault-arrow{font-size:20px}.vault-next>div:nth-of-type(2){flex-basis:64%;flex-grow:1}.vault-next small{font-size:7px}.vault-next p{font-size:12px;line-height:1.7;margin:6px 0}.vault-next>div>span{font-size:10px;line-height:1.9;display:block}.vault-existing{display:flex;gap:15px;align-items:center;border-left:0;border-top:1px dashed #c7d1b8;padding:17px 0 0;margin:7px 0 0;width:100%}.vault-existing img{width:50px;height:45px}.vault-existing small{font-size:8px;margin:0}.run-layout{display:flex;flex-direction:column;gap:28px}.run-scope{width:100%}.scope-options{padding:14px 12px;gap:5px}.scope-options button{font-size:10px;padding:10px 16px;min-height:40px}.scope-nodes{height:173px;padding:13px 10px}.scope-nodes>span{font-size:9px;min-width:58px;padding:20px 5px}.scope-nodes>i{max-width:18px}.scope-receipt{padding:18px 18px;gap:9px}.scope-receipt>b{font-size:15px;min-height:24px}.scope-receipt small{font-size:9px}.run-copy{padding:0}.run-copy h3{font-size:21px}.run-copy p{font-size:12px;line-height:1.95}.run-copy article+article{margin-top:26px}.run-copy .text-link{font-size:10px}.recovery{display:block;margin-top:38px;padding:29px 0}.recovery h3{font-size:26px;margin-top:15px}.recovery-body{padding:0;margin-top:23px}.recovery-options{gap:7px}.recovery-options button{font-size:10px;padding:11px 14px;min-height:42px}.recovery-route{gap:8px;margin:21px 0}.recovery-route>span,.recovery-route>b{font-size:9px;padding:15px 5px;line-height:1.8}.recovery-route>i{font-size:14px}.recovery-body>p{font-size:11px;line-height:1.9;min-height:62px}.handoff-stage{grid-template-columns:28% 8% 64%;padding:22px 0 30px}.handoff-source>img{width:80px}.handoff-source>span{font-size:6px;line-height:1.8;margin-top:9px}.handoff-stack{height:125px;margin-top:15px}.handoff-stack img{width:56px;height:85px;left:calc(50% - 28px);border-width:4px;top:13px}.handoff-stack img:first-child{transform:translateX(-18px) rotate(-13deg)!important}.handoff-stack img:last-child{transform:translateX(18px) rotate(13deg)!important}.handoff-route>span{font-size:14px;top:-9px}.handoff-film{padding:4px;box-shadow:6px 7px 0 #e5eabd}.handoff-film>span{font-size:7px;line-height:1.8;padding:9px 4px 5px}.handoff-bottom{display:block;padding-top:24px}.handoff-bottom>p{font-size:11px;line-height:2}.handoff-bottom .button{font-size:11px;margin-top:22px;min-height:46px}.brief-layout{display:flex;flex-direction:column;gap:22px}.brief-choices{padding:0;width:100%}.brief-choices fieldset{padding:20px 0 22px}.brief-choices legend{font-size:13px;padding-bottom:16px}.brief-choices legend span{font-size:8px;margin-right:16px}.brief-choices fieldset>div{gap:7px}.brief-choices button{font-size:10px;padding:10px 15px;min-height:42px}.brief-paper{width:calc(100% - 8px);margin:0 8px 0 0;padding:28px 23px 24px;transform:rotate(.7deg)}.brief-paper h3{font-size:23px;margin:20px 0}.brief-paper>p:not(.brief-feedback){font-size:13px;min-height:120px;margin-bottom:22px;padding-bottom:20px}.brief-paper label{font-size:9px}.brief-paper textarea{font-size:11px}.brief-paper-actions{gap:17px}.brief-paper-actions button,.brief-paper-actions a{font-size:11px;padding:6px 0 8px}.brief-foot{display:block;margin-top:32px;padding-top:20px}.brief-foot>span{font-size:7px}.brief-foot p{font-size:11px;line-height:1.95;margin-top:11px}.audience-scenes{grid-template-columns:1fr;gap:30px}.audience-scenes article{padding-bottom:24px}.audience-scenes article>div{padding-top:22px}.audience-scenes small{font-size:7px}.audience-scenes h3{font-size:22px;margin:13px 0;line-height:1.6}.audience-scenes p{font-size:12px;line-height:1.95;max-width:100%}.audience-note{font-size:11px;line-height:2;margin-top:24px}.audience-note a{font-size:10px;margin:12px 0 0}.faq-filters{gap:7px;margin-bottom:25px}.faq-filters button{font-size:10px;padding:10px 13px;min-height:42px}.faq-filters button small{font-size:7px}.full-faq-list summary{gap:15px;padding:22px 0}.full-faq-list summary>span{font-size:8px;align-self:start;padding-top:4px}.full-faq-list h3{font-size:12px;line-height:1.9}.full-faq-list summary>b{font-size:20px}.full-faq-list details>p{font-size:11px;padding:0 17px 24px 29px;line-height:2}.section-finale{padding-top:54px;padding-bottom:76px}.finale-art{width:210px;padding:5px;box-shadow:7px 7px 0 #d1d9a6;margin-bottom:33px}.section-finale h2{font-size:34px;line-height:1.6;margin:22px 0}.section-finale .chapter-lead{font-size:11px;line-height:2}.finale-actions{flex-direction:column;gap:27px;margin:29px 0}.finale-actions .button{min-height:50px;font-size:12px}.finale-demo{font-size:10px}.finale-small{font-size:9px;line-height:2.2}.section-finale:after{width:330px;height:330px;right:-190px;bottom:-170px}}
.motion-paused .chapter *{transition-duration:0s!important;animation:none!important}.motion-paused .proof-player,.motion-paused .handoff-film,.motion-paused .finale-art{transform:none!important}@media(prefers-reduced-motion:reduce){.chapter *{transition-duration:0s!important;animation:none!important}.proof-player{transform:none!important}}
/* Refinements after inspecting each chapter at phone and desktop widths. */
.chapter video{display:block;max-width:100%}.audience-scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.audience-scenes>article{min-width:0}.audience-scenes video{height:auto}.adv-title h3{white-space:nowrap}.brief-paper{margin-right:8px}.run-copy{padding-right:0}.recovery-body{padding-right:0}
.recipe-text{height:130px;text-align:left;padding:15px 10px;background:#f3effa;color:#615087}.recipe-text small{font-size:6px;letter-spacing:.1em}.recipe-text p{font-size:12px;line-height:1.9;margin-top:17px}.recipe-video{width:235px;margin:auto;position:relative;padding:7px;background:white;border:1px solid #c9d2bb;box-shadow:0 12px 18px -14px #344a2355;transform:rotate(2deg)}.recipe-video video{width:100%;height:165px;object-fit:cover}.recipe-video>span{font-size:7px;display:block;padding:9px 0 2px;letter-spacing:.04em}.recipe-video[hidden],.recipe-text[hidden],.recipe-images[hidden],.recipe-input img[hidden]{display:none!important}
.handoff-selection{margin-top:28px;background:#fffdf5;border:1px solid #d1d9be;padding:7px;transform:rotate(-4deg);box-shadow:0 15px 24px -18px #3443265a}.handoff-selection video{width:100%;aspect-ratio:854/480;object-fit:contain}.handoff-stage{grid-template-columns:40% 9% 51%}
@media(max-width:767px){.section-advantages .chapter-heading h2{font-size:clamp(25px,7.1vw,44px)}.adv-title h3{font-size:clamp(19px,5.3vw,30px)}.adv-title{gap:3px}.adv-title>span{width:23px;height:23px}.section-process .chapter-heading h2{font-size:clamp(27px,7.6vw,44px)}.audience-scenes{grid-template-columns:minmax(0,1fr)}.audience-scenes h3{font-size:21px}.recipe-text{height:79px;padding:7px 5px}.recipe-text small{font-size:4px}.recipe-text p{font-size:7px;line-height:1.8;margin-top:9px}.recipe-video{width:164px;padding:5px}.recipe-video video{height:105px}.recipe-video>span{font-size:5px;padding-top:6px}.recipe-preview:has(.recipe-video:not([hidden])){min-height:395px}.handoff-stage{grid-template-columns:1fr;gap:35px;padding:20px 10px 35px}.handoff-source>img{width:110px}.handoff-source>span{font-size:9px}.handoff-selection{width:84%;margin:18px auto 0;padding:5px}.handoff-route{width:2px;height:30px;margin:auto}.handoff-route>span{transform:rotate(90deg);font-size:20px;right:-9px;top:14px}.handoff-route>i{animation:handoff-down 2.8s linear infinite;left:-2px;top:0;width:6px;height:6px}.handoff-film{width:95%;margin:auto}.handoff-film>span{font-size:9px;padding:12px 7px 7px}}
@keyframes handoff-down{from{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(30px);opacity:0}}
.advantage-item{display:flex;flex-direction:column;min-height:332px}.adv-visual{margin-top:auto;padding-top:22px;width:100%;height:123px}.adv-visual svg{height:100%;width:100%;overflow:visible}.adv-signal{stroke:var(--blue);stroke-width:1.5;stroke-dasharray:5 4;animation:adv-signal 4s linear infinite}.adv-candidate{transform-box:fill-box;transform-origin:center;transition:transform .5s var(--ease)}.advantage-item:hover .adv-candidate:first-child{transform:translateX(-5px) rotate(-7deg)}.advantage-item:hover .adv-candidate:last-child{transform:translateX(5px) rotate(7deg)}.adv-blink{animation:adv-blink 2.5s ease-in-out infinite}.adv-meter{stroke-dasharray:78;animation:adv-meter 4s ease-in-out infinite}.adv-group{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--ease)}.advantage-item:hover .adv-group{transform:translateY(-5px)}.adv-adjust{animation:adv-adjust 5s ease-in-out infinite}.adv-adjust.reverse{animation-direction:reverse}.adv-history{transition:translate .5s}.advantage-item:hover .adv-history{translate:-5px -2px}.chapter:not(.section-in-view) .adv-visual *{animation-play-state:paused!important}
@keyframes adv-signal{to{stroke-dashoffset:-36}}@keyframes adv-blink{50%{opacity:.35}}@keyframes adv-meter{0%,100%{stroke-dashoffset:55}50%{stroke-dashoffset:0}}@keyframes adv-adjust{0%,100%{transform:translateX(-7px)}50%{transform:translateX(7px)}}
@media(max-width:767px){.advantage-item{min-height:290px}.adv-visual{height:90px;padding-top:13px}.advantage-grid{gap:30px 20px}}
.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-item{min-width:0}
@media(min-width:768px) and (max-width:1099px){.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.adv-title h3{font-size:32px}}
@media(max-width:767px){.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}