/* Foursol editorial strategy. Perspective plates adapt the purchased Animmaster
   3D/23 layout principle; numbered panels echo the Foursol team-card module.
   Short panel entrances use Transition15's scale/translate idea, without a router
   delay, scroll capture, animation runtime or continuous rendering loop. */
.clean-strategy{--violet:#c7acf6;--ink:#0c0b10;--quiet:#bbb5c7;--surface:#17141e;font-size:16px;line-height:1.55;background:var(--ink);color:#f8f5fc}
.clean-strategy h1,.clean-strategy h2,.clean-strategy h3{letter-spacing:-.025em;line-height:1.08;font-weight:550}
.clean-strategy p{color:var(--quiet)}.clean-strategy em{color:var(--violet)}.clean-strategy .eyebrow{font-size:12px;letter-spacing:.1em;color:#c4bbd2}.clean-strategy small{font-size:14px;color:#bbb3c7}.clean-strategy .top{padding:0 4vw;height:84px;background:#0c0b10ed;backdrop-filter:blur(16px)}
.clean-strategy .brand-lockup{display:flex;gap:12px;align-items:center;font-family:Satoshi,Onest,sans-serif;font-size:21px;line-height:1;font-weight:850;letter-spacing:.01em;white-space:nowrap}.clean-strategy .brand-lockup b{font-size:23px;font-weight:500;color:var(--violet)}.clean-strategy .top nav{font-size:14px;gap:24px}.clean-strategy .header-actions{display:flex;gap:17px;align-items:center}.clean-strategy .language-switch a{font-size:13px}.clean-strategy .small-button{font-size:13px;padding:10px 16px;border-color:#63556f;color:#e2d9ee}.clean-strategy .button,.clean-strategy .text-button{font-size:14px;line-height:1.35;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 18px;border:1px solid #5b5068;border-radius:100px;color:#eee8f7;transition:background .2s,transform .2s;cursor:pointer;text-decoration:none}.clean-strategy .button:hover,.clean-strategy .text-button:hover{background:#352641;transform:translateY(-2px)}.clean-strategy .white{background:#eee5fb;color:#1b112b;border-color:#eee5fb}.clean-strategy .white:hover{background:#d6baf7;color:#1b112b}.clean-strategy .secondary{background:transparent}.clean-strategy .text-button{font-size:13px;min-height:42px;padding:10px 15px}.clean-strategy .section{padding:88px 7vw;max-width:1640px;margin:auto}.clean-strategy .offblack{background:#100e15;border:0;max-width:none;padding-left:max(7vw,calc((100vw - 1410px)/2));padding-right:max(7vw,calc((100vw - 1410px)/2))}.clean-strategy .section-head{margin-bottom:30px}.clean-strategy .section-title{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:48px}.clean-strategy h2{font-size:clamp(38px,4.4vw,68px)}.clean-strategy .section-title>p{font-size:17px;max-width:440px;line-height:1.65}.section-caption{font-size:14px;color:#bbb2c8;line-height:1.6}
/* The opening tells the entire story before the visitor scrolls. */
.strategy-hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:42px;align-items:center;min-height:760px;padding:156px 7vw 36px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 83% 45%,#6c3e9b27,transparent 48%),#0c0b10}.hero-message{z-index:2}.hero-message h1{font-size:clamp(56px,6.4vw,104px);margin:26px 0 26px;line-height:1.02}.hero-message>p{font-size:18px;line-height:1.7;max-width:480px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.story-deck{min-height:455px;position:relative;perspective:1100px;transform-style:preserve-3d;margin:0 3%}.deck-panel{position:absolute;display:flex;flex-direction:column;width:82%;height:242px;border-radius:24px;padding:25px 27px;background:#221b2e;box-shadow:0 25px 52px #0007,inset 0 1px 0 #fff2;border:1px solid #bca3d729;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s;transform-style:preserve-3d}.deck-label{font-size:11px;letter-spacing:.08em;line-height:1.5}.deck-panel strong{font-family:Satoshi,Onest,sans-serif;font-size:34px;letter-spacing:-.02em;margin:auto 0 8px}.deck-panel>span:last-of-type{font-size:13px;max-width:85%;line-height:1.5}.deck-icon{position:absolute;right:28px;top:66px;width:58px;height:58px;border-radius:18px;background:#ffffff14;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff2,0 8px 14px #0002}.deck-icon svg{width:32px;height:32px}.deck-arrow{position:absolute;bottom:23px;right:25px;font-size:25px;font-weight:400}.deck-video{top:0;left:4%;z-index:1;background:linear-gradient(120deg,#eee1ff,#bba1d8);color:#221431;transform:rotate(-9deg) translateZ(-25px)}.deck-site{top:104px;left:15%;z-index:2;background:linear-gradient(120deg,#5f3f7d,#39244f);color:#fff;transform:rotate(5deg)}.deck-action{top:214px;left:0;z-index:3;background:linear-gradient(120deg,#292133,#18131f);color:#eee5fa;transform:rotate(-3deg)}
.story-deck:hover .deck-video,.story-deck:focus-within .deck-video{transform:translate(-14px,-26px) rotate(-11deg)}.story-deck:hover .deck-site,.story-deck:focus-within .deck-site{transform:translate(22px,0) rotate(7deg)}.story-deck:hover .deck-action,.story-deck:focus-within .deck-action{transform:translate(-6px,28px) rotate(-4deg)}.deck-panel:focus-visible{z-index:5;outline-offset:5px}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;font-size:12px;letter-spacing:.04em;color:#afa2bd;padding-top:44px;margin-top:10px}
/* Journey and responsibilities */
.clean-strategy .switch-row{margin:36px 0 18px}.clean-strategy .switch-row>strong{font-size:16px;font-weight:500}.clean-strategy .segmented{border:0;background:#272130}.clean-strategy .segmented button{font-size:14px;padding:10px 18px}.clean-strategy .flow{border:0;border-radius:18px;gap:4px;background:transparent;margin:0}.clean-strategy .flow article{border:0;background:#211a2c;padding:25px;min-height:156px}.clean-strategy .flow article:first-child{background:#d2baf0;color:#1e1429}.clean-strategy .flow article:first-child .mini-index,.clean-strategy .flow article:first-child small{color:#4c385e}.clean-strategy .flow article:not(:last-child):after{top:26px;right:20px;color:#aa8ec9;font-size:20px}.clean-strategy .flow strong{font-size:22px;line-height:1.3}.clean-strategy .flow small{margin-top:8px;font-size:14px}.clean-strategy .flow .mini-index{font-size:12px;color:#b49bcc;margin-bottom:22px}.stage-note{font-size:14px;margin-top:16px;max-width:850px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:35px 0 30px}.roles article{padding:26px 0}.roles article>span{font-size:12px;color:var(--violet);letter-spacing:.08em}.roles h3{font-size:26px;margin:12px 0}.roles p{font-size:16px;max-width:480px}.audience-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.audience-mini h3{font-size:23px;margin-bottom:12px}.audience-mini .text-button{grid-column:1/-1;justify-self:start}
/* Secondary reading level, deliberately not a wall of small text. */
.clean-details{border:1px solid #413649;border-radius:16px;overflow:hidden;margin:22px 0 0;background:#18131f}.clean-details>summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;list-style:none;padding:21px 24px;font-size:16px;color:#e4d9ef}.clean-details>summary::-webkit-details-marker{display:none}.clean-details>summary>span{font-size:24px;line-height:1;transition:transform .2s;font-weight:300}.clean-details[open]>summary>span{transform:rotate(45deg)}.clean-details>summary:hover{background:#261b31}.detail-content{padding:8px 24px 28px}.clean-details[open]>.detail-content{animation:panel-enter .25s ease both}.detail-content p{font-size:15px}.detail-content h4{font-size:18px}.clean-strategy .terms{margin-top:24px}.clean-strategy .terms #scope-details{padding:12px 24px 28px}.clean-strategy .terms p,.clean-strategy .terms li{font-size:15px;line-height:1.7}.clean-strategy .terms summary{font-size:16px}
/* Motion-library inspired production plates; labels remain still and readable. */
.format-studio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0 64px}.format-studio article{padding:0 0 20px}.format-art{height:230px;background:#21192b;display:flex;align-items:center;justify-content:center;border-radius:22px;margin-bottom:24px;perspective:800px;overflow:hidden}.format-studio article:nth-child(2) .format-art{background:#2c203a}.format-studio article:nth-child(3) .format-art{background:#191620}.format-device{display:flex;position:relative;flex-direction:column;justify-content:space-between;color:#1f1230;font-family:Satoshi,Onest,sans-serif;font-size:20px;font-weight:650;padding:16px;background:linear-gradient(135deg,#f1e6ff,#b79dd4);box-shadow:7px 7px 0 #6f547f,16px 22px 27px #0006;transform:rotate(-9deg) rotateY(-14deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.format-device b{font-weight:400;font-size:28px;align-self:end}.vertical{width:91px;height:160px;border-radius:14px}.horizontal{width:184px;height:108px;border-radius:12px;transform:rotate(6deg) rotateY(-12deg)}.square{width:120px;height:146px;border-radius:12px;transform:rotate(-6deg) rotateY(15deg);background:linear-gradient(135deg,#c3a7e8,#775894);color:white}.format-studio article:hover .format-device{transform:rotate(0deg) rotateY(0deg) translateY(-5px)}.format-studio h3{font-size:27px;margin-bottom:12px}.format-studio p{font-size:15px;margin-bottom:8px;color:#ddd1eb}.format-studio article>span{display:block;color:#aaa0b6;font-size:15px;max-width:320px}.references-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:15px}.references-head h3{font-size:28px}.clean-strategy .filter-row{margin:23px 0}.clean-strategy .filter{font-size:14px;padding:9px 18px;min-height:42px}.clean-strategy .video-grid{gap:26px}.clean-strategy .video-frame,.clean-strategy .video-frame.portrait{aspect-ratio:4/3;max-height:none;border-radius:16px;border:0}.clean-strategy .video-frame.portrait img{object-fit:contain;background:#07070a}.clean-strategy .video-head{font-size:12px;letter-spacing:0}.clean-strategy .video-head span:last-child{font-size:11px}.clean-strategy .video-card h3{font-size:22px;line-height:1.25;letter-spacing:-.02em;min-height:56px}.clean-strategy .video-actions{gap:8px;flex-wrap:wrap}.clean-strategy .video-actions .text-button{font-size:12px;padding:10px 13px}.clean-strategy .duration{font-size:12px}.library-control{display:flex;justify-content:center;margin:32px 0}.library-control [hidden]{display:none}.clean-strategy .concept-grid{gap:14px}.clean-strategy .concept-card{min-height:176px;padding:20px;border-radius:12px;background:#241b2f}.clean-strategy .concept-card h3{font-size:21px;line-height:1.25;margin:12px 0}.clean-strategy .concept-card .concept-number{font-size:22px;color:#b99dcf}.clean-strategy .concept-card .concept-tail{font-size:12px;gap:16px}.clean-strategy .concept-card .concept-tail .concept-open{font-size:12px}
/* Actual website proof is on demand; the alternative is a single visual preview. */
.audit-verdict{display:flex;gap:25px;align-items:center;margin:35px 0 24px;background:#dbcaee;color:#21132e;border-radius:18px;padding:27px 30px}.audit-verdict strong{font-size:20px;font-weight:600}.audit-verdict p{font-size:16px;color:#513765;margin-top:5px}.verdict-arrow{font-size:40px;line-height:1}.verdict-date{font-size:13px;margin-left:auto;flex-shrink:0;color:#513765}.clean-strategy .audit-comparison{margin-top:12px}.clean-strategy .audit-comparison figcaption{font-size:14px}.clean-strategy .audit-item h3{font-size:22px}.clean-strategy .audit-item p{font-size:15px}.clean-strategy .audit-item small{font-size:13px}.clean-strategy .concept-preview{margin:38px 0 0;padding:0;background:transparent;border:0;display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:center}.preview-image{display:block;position:relative;border-radius:20px;overflow:hidden;background:#19151e}.preview-image img{width:100%;aspect-ratio:1.55;object-fit:cover;object-position:top;transition:transform .5s}.preview-image:hover img{transform:scale(1.025)}.preview-open{position:absolute;bottom:18px;right:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ede1f9;color:#24142d;font-size:26px}.clean-strategy .concept-preview h3{font-size:clamp(40px,4vw,60px);margin:15px 0 20px}.clean-strategy .concept-preview p{font-size:17px}.concept-versions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.concept-versions .button{font-size:13px;padding:13px 16px}
/* Measurement is a choice, not four paragraphs competing for attention. */
.clean-strategy .metric-flow{gap:10px;margin-top:36px}.clean-strategy .metric-flow button{background:#241c2f;border:1px solid transparent;border-radius:15px;padding:23px;text-align:left;min-height:152px;transition:background .2s,transform .2s}.clean-strategy .metric-flow button:hover{background:#322440;transform:translateY(-3px)}.clean-strategy .metric-flow button.active{background:#dfcdf2;color:#261531;border-color:#dfcdf2}.clean-strategy .metric-flow button>span{font-size:12px;color:#ae97c8;display:block;margin-bottom:20px}.clean-strategy .metric-flow strong{font-size:23px;line-height:1.25;margin-bottom:8px}.clean-strategy .metric-flow small{font-size:14px}.clean-strategy .metric-flow button.active>span,.clean-strategy .metric-flow button.active small{color:#5a406c}.clean-strategy .metric-detail{border:0;background:#18121f;border-radius:18px;padding:28px 30px;min-height:158px;margin-top:16px}.clean-strategy .metric-detail h3{font-size:24px;line-height:1.3}.clean-strategy .metric-detail p{font-size:16px;margin-top:10px;max-width:none}.clean-strategy .metric-detail .metric-source{font-size:14px;color:#b4a3c7}.data-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 5vw 20px}.data-node{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:85px;text-align:center}.data-node img{width:48px;height:35px;object-fit:contain}.data-node img[alt=Meta]{width:62px;filter:brightness(0) invert(1)}.data-node strong{font-family:Satoshi,Onest,sans-serif;font-size:27px;line-height:35px;color:#d7b6f7}.data-node span{font-size:14px;color:#b4a5c4}.data-strip>b{color:#8f779e;font-size:23px;font-weight:400}.inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.roadmap-wrap{padding-top:62px}.clean-strategy .roadmap-tabs{margin-top:26px;gap:12px}.clean-strategy .roadmap-tabs button{border:0;border-radius:16px;padding:22px;background:#231b2e;transition:background .2s}.clean-strategy .roadmap-tabs button.active{background:#5a3d75}.clean-strategy .roadmap-tabs strong{font-size:38px;color:#e5d4f5;line-height:1.15;letter-spacing:-.02em}.clean-strategy .roadmap-tabs span{font-size:15px;color:#d0bfdc;margin-top:13px}.clean-strategy .roadmap-detail{padding:30px 0 0;border:0;grid-template-columns:1.4fr 1fr;gap:44px}.clean-strategy .roadmap-detail h3{font-size:26px;line-height:1.3;margin-bottom:16px}.clean-strategy .roadmap-detail ul{padding-left:20px}.clean-strategy .roadmap-detail li{font-size:16px;color:#bcb2c7;margin:9px 0}.roadmap-decision{background:#241a30;padding:25px;border-radius:18px;align-self:start}.roadmap-decision>span{font-size:28px;color:#d5b6f2}.clean-strategy .roadmap-decision p{font-size:18px;line-height:1.5;color:#e3d4f0;margin-top:15px}
/* Clear prices and three comparable signals, detailed deliverables beneath. */
.clean-strategy .package-grid{gap:18px}.clean-strategy .package{padding:30px 26px;border:1px solid #44354f;background:#19131f;border-radius:22px;overflow:hidden}.clean-strategy .package.featured{background:#30203f;border-color:#8b66aa}.package-top{display:flex;gap:14px;align-items:center}.clean-strategy .package-label{font-size:12px;letter-spacing:0;color:#bb9ed0}.clean-strategy .package h3{font-size:25px;margin:0}.clean-strategy .package .price{font-size:clamp(40px,4.2vw,60px);margin:34px 0 0;font-weight:550;letter-spacing:-.03em;line-height:1.1}.clean-strategy .package .period{font-size:14px;display:block;margin:9px 0 27px;color:#c0b0ce}.package-key{display:flex;align-items:baseline;gap:10px}.package-key strong{font-size:39px;line-height:1.2;font-weight:500;color:#e1c4fa}.package-key span{font-size:17px;color:#d5c4e0}.package-mix{font-size:15px;margin:6px 0 24px}.package-review{font-size:16px;color:#ebe0f3!important;min-height:32px}.package details{border-top:1px solid #6f577d;margin-top:22px;padding-top:16px}.package summary{cursor:pointer;list-style:none;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:35px;color:#ddcaed}.package summary::-webkit-details-marker{display:none}.package summary span{font-size:23px;line-height:1}.package details[open] summary span{transform:rotate(45deg)}.package details p{font-size:14px;line-height:1.7;margin-top:13px}.web-package-title{font-size:21px;line-height:1.4;font-weight:500;min-height:65px}.clean-strategy .package-notes{padding:0;border:0;margin-top:23px}.clean-strategy .package-notes p{font-size:14px;margin:5px 0;color:#b9a9c7}
.clean-strategy .start-section{background:#151019;max-width:none;padding-left:max(7vw,calc((100vw - 1410px)/2));padding-right:max(7vw,calc((100vw - 1410px)/2))}.clean-strategy .start-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}.clean-strategy .start-grid article{padding:0;border:0}.clean-strategy .start-grid b{font-family:Satoshi;font-size:44px;line-height:1.1;font-weight:400;color:#9e7cba}.clean-strategy .start-grid h3{font-size:24px;line-height:1.25;margin:20px 0 14px}.clean-strategy .start-grid p{font-size:16px}.clean-strategy .closing{border:0;padding:44px 34px;background:#30203f;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:60px}.clean-strategy .closing h3{font-size:clamp(28px,3.2vw,48px)}.clean-strategy footer{margin-top:55px;padding-top:0;border:0;gap:24px}.clean-strategy footer span{font-size:13px}.clean-strategy footer .wordmark{font-size:22px;letter-spacing:.01em}.clean-strategy dialog{border-radius:20px;border:1px solid #5b456d;background:#19131f;max-height:88dvh}.clean-strategy #dialog-body{font-size:16px;line-height:1.75}.clean-strategy #dialog-body p,.clean-strategy #dialog-body li{font-size:16px}.clean-strategy #dialog-body small{font-size:14px;line-height:1.65}.clean-strategy #dialog-body h2{font-size:36px;line-height:1.15}.clean-strategy #dialog-body h3{font-size:23px;line-height:1.3}.clean-strategy #dialog-body h4{font-size:19px}.clean-strategy .source-row a{font-size:16px}.clean-strategy .source-row p{font-size:15px}.clean-strategy .dialog-head{background:#19131f}.clean-strategy [hidden]{display:none!important}
@keyframes panel-enter{from{opacity:.2;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}
@media(min-width:1650px){.strategy-hero{padding-left:calc((100vw - 1410px)/2);padding-right:calc((100vw - 1410px)/2)}}
@media(max-width:1100px){.clean-strategy .top{padding:0 4vw}.clean-strategy .brand-lockup{font-size:18px;gap:8px}.clean-strategy .top nav{gap:16px;font-size:13px}.clean-strategy .header-actions{gap:10px}.clean-strategy .small-button{display:none}.strategy-hero{padding:140px 6vw 32px;gap:20px;min-height:700px}.hero-message h1{font-size:68px}.hero-message>p{font-size:16px}.story-deck{margin:0;min-height:420px}.deck-panel{height:224px;padding:22px;width:88%}.deck-panel strong{font-size:29px}.deck-panel>span:last-of-type{font-size:12px}.deck-label{font-size:10px}.deck-site{left:10%;top:97px}.deck-action{top:194px}.deck-icon{top:62px;width:44px;height:44px;right:24px}.deck-icon svg{width:26px;height:26px}.clean-strategy .section{padding:70px 6vw}.clean-strategy .section-title{gap:30px;grid-template-columns:1.25fr 1fr}.clean-strategy .section-title>p{font-size:16px}.clean-strategy .metric-flow button{padding:20px 16px}.clean-strategy .metric-flow strong{font-size:20px}.clean-strategy .concept-preview{gap:28px}.concept-versions{flex-direction:column;align-items:start}.format-art{height:210px}.clean-strategy .package{padding:25px 20px}.clean-strategy .start-grid h3{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:94px}.clean-strategy .top{height:78px;flex-wrap:nowrap;padding:0 5vw;gap:12px}.clean-strategy .brand-lockup{font-size:15px;gap:7px}.clean-strategy .brand-lockup b{font-size:19px}.clean-strategy .top nav{display:none}.clean-strategy .header-actions{margin-left:auto}.clean-strategy .language-switch{gap:0}.clean-strategy .language-switch a{font-size:12px;padding:8px}.strategy-hero{display:block;min-height:0;padding:124px 6vw 30px}.hero-message h1{font-size:clamp(48px,10vw,70px);margin:25px 0}.hero-message>p{font-size:17px}.hero-links{gap:9px;margin-top:25px}.clean-strategy .button{font-size:13px;padding:13px 17px}.story-deck{min-height:470px;max-width:440px;margin:60px auto 0}.deck-panel{width:84%;height:232px;padding:24px}.deck-video{left:5%}.deck-site{left:13%;top:109px}.deck-action{left:2%;top:218px}.deck-panel strong{font-size:33px}.deck-panel>span:last-of-type{font-size:13px}.deck-label{font-size:11px}.deck-icon{top:66px}.hero-foot{flex-direction:column;gap:8px;padding-top:25px;margin-top:0;font-size:11px}.clean-strategy .section{padding:62px 6vw}.clean-strategy .section-head{gap:15px;align-items:flex-start;margin-bottom:26px}.clean-strategy .section-head>.text-button{font-size:12px;min-height:38px;padding:9px 12px;flex-shrink:0;max-width:51%}.clean-strategy .eyebrow{font-size:11px}.clean-strategy .section-title{display:block}.clean-strategy h2{font-size:clamp(32px,7.5vw,46px);line-height:1.12}.clean-strategy .section-title>p{margin-top:22px;font-size:16px;max-width:none}.clean-strategy .switch-row{align-items:flex-start;flex-direction:column;gap:15px;margin-top:28px}.clean-strategy .segmented{max-width:100%}.clean-strategy .segmented button{font-size:13px;padding:10px 15px}.clean-strategy .flow{grid-template-columns:1fr 1fr;gap:5px}.clean-strategy .flow article{padding:20px;min-height:148px}.clean-strategy .flow strong{font-size:22px}.clean-strategy .flow small{font-size:13px}.clean-strategy .flow article:nth-child(2):after{content:'↓'}.clean-strategy .roles{grid-template-columns:1fr;gap:0;margin:24px 0}.roles article{padding:19px 0}.roles h3{font-size:25px}.roles p{font-size:16px}.clean-details>summary{padding:19px;font-size:15px}.detail-content{padding:8px 18px 23px}.audience-mini{grid-template-columns:1fr;gap:24px}.format-studio{grid-template-columns:1fr;gap:24px;margin:30px 0 46px}.format-studio article{display:grid;grid-template-columns:120px 1fr;column-gap:23px;align-content:center;padding:0}.format-art{height:166px;margin:0;grid-row:span 3;border-radius:16px}.format-device{padding:10px;font-size:14px;box-shadow:4px 4px 0 #6f547f,7px 10px 15px #0006}.vertical{width:60px;height:110px;border-radius:10px}.horizontal{width:94px;height:57px;border-radius:8px}.square{width:74px;height:92px;border-radius:9px}.format-device b{font-size:20px}.format-studio h3{font-size:25px;align-self:end;margin:4px 0 9px}.format-studio p{font-size:13px;margin-bottom:9px}.format-studio article>span{font-size:14px}.references-head{gap:15px;align-items:flex-start}.references-head h3{font-size:25px}.references-head .text-button{font-size:12px;min-width:110px;padding:10px}.clean-strategy .filter-row{gap:5px}.clean-strategy .filter{font-size:13px;padding:8px 14px;min-height:40px}.clean-strategy .video-grid{grid-template-columns:1fr;gap:32px}.clean-strategy .video-frame,.clean-strategy .video-frame.portrait{aspect-ratio:4/3}.clean-strategy .video-card h3{font-size:23px;min-height:0}.clean-strategy .video-head{font-size:12px}.clean-strategy .video-actions .text-button{font-size:13px}.clean-strategy .concept-grid{grid-template-columns:1fr}.clean-strategy .concept-card{min-height:0}.audit-verdict{padding:22px;gap:16px;flex-wrap:wrap}.verdict-arrow{font-size:30px}.audit-verdict>div{flex:1}.audit-verdict strong{font-size:18px}.audit-verdict p{font-size:14px;line-height:1.6}.verdict-date{margin-left:46px;font-size:12px}.clean-strategy .audit-comparison{grid-template-columns:1fr;gap:20px}.clean-strategy .audit-item{grid-template-columns:1fr;gap:14px}.clean-strategy .audit-item p{font-size:15px}.clean-strategy .concept-preview{grid-template-columns:1fr;gap:28px;margin-top:30px}.clean-strategy .concept-preview h3{font-size:49px}.clean-strategy .concept-preview p{font-size:17px}.concept-versions{flex-direction:row;gap:9px}.concept-versions .button{font-size:12px;padding:13px 15px}.clean-strategy .metric-flow{grid-template-columns:1fr 1fr;gap:8px;margin-top:28px}.clean-strategy .metric-flow button{min-height:144px;padding:19px}.clean-strategy .metric-flow strong{font-size:21px}.clean-strategy .metric-flow small{font-size:13px}.clean-strategy .metric-detail{padding:25px 22px;min-height:210px}.clean-strategy .metric-detail h3{font-size:23px}.clean-strategy .metric-detail p{font-size:16px}.clean-strategy .metric-detail .metric-source{font-size:14px}.data-strip{gap:9px;padding:28px 0 20px}.data-node{min-width:0;flex:1}.data-node span{font-size:11px}.data-node img{width:34px;height:30px}.data-node img[alt=Meta]{width:43px}.data-node strong{font-size:24px;line-height:30px}.data-strip>b{font-size:15px}.inline-actions{gap:9px}.inline-actions .text-button{font-size:12px}.roadmap-wrap{padding-top:44px}.roadmap-wrap .references-head{display:block}.roadmap-wrap .section-caption{display:block;margin-top:10px}.clean-strategy .roadmap-tabs{gap:7px;grid-template-columns:repeat(3,1fr)}.clean-strategy .roadmap-tabs button{padding:16px 10px;border-radius:13px}.clean-strategy .roadmap-tabs strong{font-size:26px}.clean-strategy .roadmap-tabs span{font-size:12px;line-height:1.45;margin-top:10px}.clean-strategy .roadmap-detail{grid-template-columns:1fr;gap:22px}.clean-strategy .roadmap-detail h3{font-size:25px}.roadmap-decision{padding:22px}.clean-strategy .package-grid{grid-template-columns:1fr;gap:20px}.clean-strategy .package{padding:27px}.clean-strategy .package .price{font-size:53px;margin-top:26px}.clean-strategy .package-key strong{font-size:40px}.clean-strategy .package-review{min-height:0}.clean-strategy .terms #scope-details{grid-template-columns:1fr;padding:10px 18px 23px}.clean-strategy .start-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.clean-strategy .start-grid article{display:grid;grid-template-columns:50px 1fr;gap:0 20px}.clean-strategy .start-grid b{font-size:34px;grid-row:span 2}.clean-strategy .start-grid h3{font-size:24px;margin:0 0 12px}.clean-strategy .start-grid p{font-size:16px}.clean-strategy .closing{padding:30px 24px;display:block;margin-top:40px}.clean-strategy .closing h3{font-size:30px}.closing .button{margin-top:25px}.clean-strategy footer{flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}.clean-strategy footer .text-button{font-size:12px}.clean-strategy dialog{width:94vw;max-height:91dvh;padding:22px}.clean-strategy #dialog-body h2{font-size:29px}.clean-strategy #dialog-body p,.clean-strategy #dialog-body li{font-size:16px}.clean-strategy .dialog-head{gap:18px}.clean-strategy .dialog-head .eyebrow{font-size:10px;max-width:80%}}
.clean-strategy .top{justify-content:space-between}.clean-strategy .brand-lockup{flex:0 0 auto;width:auto;max-width:none;justify-content:flex-start}.clean-strategy .header-actions{width:auto;flex:0 0 auto;justify-content:flex-end}.clean-strategy .clean-details>summary:after{display:none}
/* Every plate is readable before hover. Depth must never obscure the message. */
.story-deck{min-height:500px}.deck-panel{height:156px;padding:20px 25px}.deck-panel strong{margin:11px 0 7px;font-size:31px}.deck-panel>span:last-of-type{font-size:12px;max-width:88%}.deck-icon{top:47px;right:23px;width:42px;height:42px;border-radius:13px}.deck-icon svg{width:25px;height:25px}.deck-arrow{bottom:18px;right:19px;font-size:22px}.deck-video{top:0;transform:rotate(-5deg)}.deck-site{top:166px;transform:rotate(4deg)}.deck-action{top:332px;transform:rotate(-3deg)}.story-deck:hover .deck-video,.story-deck:focus-within .deck-video{transform:translate(-8px,-8px) rotate(-7deg)}.story-deck:hover .deck-site,.story-deck:focus-within .deck-site{transform:translate(10px,0) rotate(5deg)}.story-deck:hover .deck-action,.story-deck:focus-within .deck-action{transform:translate(-5px,8px) rotate(-4deg)}
@media(max-width:1100px){.deck-panel{height:156px;padding:20px}.deck-panel strong{font-size:29px}.deck-icon{right:20px}.deck-site{top:166px}.deck-action{top:332px}}
@media(max-width:760px){.story-deck{min-height:510px;margin-top:48px}.deck-panel{height:156px;padding:20px}.deck-panel strong{font-size:30px;margin:11px 0 7px}.deck-panel>span:last-of-type{font-size:12px;max-width:90%}.deck-label{font-size:10px}.deck-icon{top:48px;right:20px;width:36px;height:36px}.deck-icon svg{width:23px;height:23px}.deck-site{top:166px}.deck-action{top:332px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.clean-strategy *{animation:none!important;transition:none!important}.story-deck:hover .deck-video,.story-deck:focus-within .deck-video{transform:rotate(-5deg)}.story-deck:hover .deck-site,.story-deck:focus-within .deck-site{transform:rotate(4deg)}.story-deck:hover .deck-action,.story-deck:focus-within .deck-action{transform:rotate(-3deg)}}