/* DF AUDIOVISUAL V6 — approved foundation: carbon #1C1D1B, warm white #F2EEE6, signal #F2FF24 */
:root{--bg:#1C1D1B;--surface:#252622;--ink:#F2EEE6;--soft:#CAC9C2;--muted:#B4B5A8;--line:rgba(242,238,230,.16);--accent:#F2FF24;--accent2:#FF6A1A;--serif:"IBM Plex Sans",sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--display:"IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
html{background:#1C1D1B}body{isolation:isolate;position:relative;min-width:320px;background:#1C1D1B;color:#F2EEE6}
body:before{content:"";position:fixed;pointer-events:none;inset:0;z-index:0;background-image:linear-gradient(to right,rgba(242,238,230,.058) 1px,transparent 1px),linear-gradient(to bottom,rgba(242,238,230,.052) 1px,transparent 1px),radial-gradient(circle,rgba(242,238,230,.25) 1px,transparent 1.4px);background-size:190px 190px;background-position:center center;opacity:.78}
body>.review-banner,body>nav,body>.hero,body>.cred,body>section,body>.shell,body>footer{position:relative;z-index:1}
::selection{background:#F2FF24;color:#1C1D1B}
h1,h2,h3,.brandtext strong{font-family:"IBM Plex Sans",sans-serif}
h2,h2 em,.section h2,.format-section h2,.approach-section h2,.faq-section h2{color:#F2EEE6}
h2 em{background:linear-gradient(transparent 86%,#F2FF24 86%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.kicker{color:#B6B5AA;font:600 10px var(--mono);letter-spacing:.09em}.kicker:before{background:#F2FF24}
.section-description,.format-section .section-description{color:#B8B7B0}
.review-banner{background:#262723;color:#B5B4A9;border-color:#4C4D46}.review-banner strong{color:#F2FF24}
nav{background:#1C1D1BF2;border-bottom:1px solid #43453d}.navbar{height:72px}
.brand,.brandtext strong{color:#F2EEE6}.brandtext strong{font-size:15px}
.official-mark{filter:invert(1);width:36px;height:36px}.brandtext span{color:#BCBAB1}
.navlinks a{color:#C8C6BF}.navlinks a:hover,.footer a:hover{color:#F2FF24}
.lang{background:#292A26;border:1px solid #505149}.lang button{color:#CECBBE}.lang button.active{background:#F2FF24;color:#1C1D1B}
.button{border-color:#777970;background:#242622;color:#F2EEE6;border-radius:3px}.button:hover{background:#33362C;border-color:#F2FF24;color:#F2EEE6}
.button.primary,.contact .button.primary,.custom-section .button.primary{background:#F2FF24;color:#1C1D1B;border-color:#F2FF24}.button.primary:hover,.contact .button.primary:hover,.custom-section .button.primary:hover{background:#dce900;color:#1C1D1B}
.df-hero-v6{background:rgba(28,29,27,.26);color:#F2EEE6;border-bottom:1px solid #4C4F45}
.df-hero-v6 .df-sheet-grid{background-image:linear-gradient(90deg,rgba(242,238,230,.055) 1px,transparent 1px),linear-gradient(rgba(242,238,230,.055) 1px,transparent 1px),radial-gradient(circle,rgba(242,238,230,.17) 1px,transparent 1.5px);opacity:.75}
.df-hero-v6 .df-sheet-axis{background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(242,238,230,.075) 50%,transparent calc(50% + .5px)),radial-gradient(ellipse 60% 70% at 75% 42%,rgba(242,255,36,.035),transparent 80%)}
.df-hero-v6 .df-sheet-frame{border-color:rgba(242,238,230,.19)}.df-hero-v6 .df-sheet-frame i{border-color:rgba(242,238,230,.5)}
.df-hero-meta,.df-hero-v6 .df-hero-bottom{color:#AAA99F}.df-hero-grid{min-height:530px;padding:45px 0 40px}
.df-hero-v6 .kicker{color:#BBB9AE}.df-hero-v6 .kicker:before{background:#F2FF24}
.df-hero-v6 h1{color:#F2EEE6;font-size:clamp(45px,5.1vw,77px);margin:25px 0}.df-hero-v6 h1 em{color:#F2EEE6;background:linear-gradient(to top,#F2FF24 0 17%,transparent 17%)}
.df-hero-v6 .hero-copy{color:#C8C7BD;font-size:15px;line-height:1.74}.df-hero-v6 .hero-local{color:#A4A49B}
.df-hero-v6 .button{background:#262823;color:#F2EEE6;border-color:#84877E}.df-hero-v6 .button.primary{background:#F2FF24;color:#1D1D1B;border-color:#F2FF24}
.df-hero-v6 .df-rig{min-height:455px}.df-hero-v6 .df-rig-upper,.df-hero-v6 .df-rig-label,.df-hero-v6 .df-rig-lower{color:#BCBCB0}
.df-hero-v6 .df-rig-lower i{background:#FF6A1A}.df-hero-v6 .df-ring{border-color:rgba(242,238,230,.29)}.df-hero-v6 .df-ring--calibration{border-color:rgba(242,238,230,.14)}
.df-hero-v6 .df-rig-h{background:linear-gradient(90deg,transparent,rgba(242,238,230,.23),transparent)}.df-hero-v6 .df-rig-v{background:linear-gradient(transparent,rgba(242,238,230,.23),transparent)}
.df-hero-v6 .df-frameguide--landscape{border-color:rgba(242,238,230,.35)}.df-hero-v6 .df-frameguide--portrait{background:rgba(242,238,230,.025);border-color:rgba(242,238,230,.82)}
.df-hero-v6 .df-crop{border-color:#F2FF24}.df-hero-v6 .df-safe-frame{border-color:rgba(242,238,230,.28)}.df-hero-v6 .df-third{border-color:rgba(242,238,230,.19)}
.df-hero-v6 .df-focus{border-color:rgba(242,238,230,.9)}.df-hero-v6 .df-focus i{background:#F2EEE6B8}.df-hero-v6 .df-focus b{background:#F2FF24}
.df-hero-v6 .df-scan{background:linear-gradient(90deg,transparent,#F2FF24,transparent);opacity:.45}
.df-hero-v6 .df-hero-bottom{border-color:rgba(242,238,230,.22);padding:16px 0 24px}.df-hero-v6 .df-hero-bottom-end{color:#D4D1C5}
.cred{background:rgba(35,36,32,.87);border-bottom:1px solid #4B4D45;padding:17px 0}.cred-row{color:#BDBBB2;font-size:10px}.cred b{color:#F2EEE6}
.section,.format-section,.approach-section,#work,.faq-section{background:transparent}.section,.format-section,.approach-section{padding:72px 0}.section-head{margin-bottom:25px}
h2{font-size:clamp(32px,3.8vw,49px);line-height:1.11;letter-spacing:-.045em;max-width:720px}
.format-section{position:relative;border-bottom:1px solid rgba(242,238,230,.14)}.format-section .section-head{margin-bottom:27px}
.format-section:before,.package-section:before{content:"";position:absolute;width:420px;aspect-ratio:1;right:-170px;top:16px;border:1px dashed rgba(242,238,230,.075);border-radius:50%;pointer-events:none}
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.format-card{position:relative;display:grid;grid-template-columns:34% minmax(0,1fr);gap:0;min-height:183px;background:#242522;border:1px solid #51544A;border-radius:4px;overflow:hidden;transition:border-color .22s,transform .22s;isolation:isolate;padding:0}
.format-card:hover{border-color:#F2FF24;transform:translateY(-2px)}
.format-plate{position:relative;overflow:hidden;min-height:181px;background:radial-gradient(circle at 45% 42%,#3a3c34,#2a2b28 56%,#232420);border-right:1px solid #575A4F}
.format-plate:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(242,238,230,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(242,238,230,.075) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle,#000,transparent 83%)}
.plate-index,.plate-tag{position:absolute;z-index:2;font:500 9px var(--mono);letter-spacing:.06em;color:#BEBEB2}.plate-index{top:14px;left:15px}.plate-tag{bottom:14px;left:15px}
.plate-screen{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100px;height:65px;border:2px solid #DEDCCF;background:#15171555}
.plate-screen:before,.plate-screen:after{content:"";position:absolute;border:1px solid #B8B8A555;inset:8px}.plate-screen:after{inset:33% 0 auto;border:0;border-top:1px solid #D8D7C966}
.plate-optics{position:absolute;inset:0;border-radius:50%;width:140px;height:140px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed #B7BC993c}
.plate-optics:after{content:"";position:absolute;inset:17px;border-radius:50%;border:1px dotted #B7BC9933}.plate-optics i{position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid #F2FF24}
.plate-screen i{position:absolute;width:8px;height:8px;top:-2px;left:-2px;border-top:2px solid #F2FF24;border-left:2px solid #F2FF24}
.plate-screen i:nth-child(2){top:auto;left:auto;right:-2px;bottom:-2px;border:0;border-right:2px solid #F2FF24;border-bottom:2px solid #F2FF24}
.format-card--01 .plate-screen{width:56px;height:101px}.format-card--02 .plate-screen{width:122px;height:70px}
.format-card--03 .plate-screen{width:120px;height:70px;transform:translate(-50%,-50%) rotate(-3deg)}.format-card--03 .plate-screen:after{inset:auto 13px 13px;border-top:1px solid #F2FF24}
.format-card--04 .plate-screen{width:112px;height:69px}.format-card--04 .plate-screen:before{inset:15px 13px 8px;transform:skew(-10deg);border-color:#F2FF2490}
.format-card--05 .plate-screen{width:106px;height:77px}.format-card--05 .plate-screen:before{inset:20px auto auto 34px;width:32px;height:32px;border-radius:50%;border-color:#F2FF24}
.format-card--06 .plate-screen{width:100px;height:69px;transform:translate(-50%,-50%) rotate(5deg);border-style:dashed}.format-card--06 .plate-screen:after{inset:13px -17px -13px 17px;border:1px solid #DEDCCF66}
.format-content{display:flex;flex-direction:column;min-width:0;padding:20px 20px 15px;gap:0}
.format-overline{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline;margin-bottom:12px}
.format-num{font:600 10px var(--mono);color:#F2FF24}.format-intent{font:500 9px var(--mono);color:#B6B7AC;text-transform:uppercase}
.format-content h3{font:650 19px/1.21 var(--sans);letter-spacing:-.038em;margin:0 0 8px;color:#F2EEE6}
.format-content p{font-size:12px;line-height:1.58;color:#C3C2B8;margin:0 0 13px}.format-content .format-meta{display:flex;gap:7px;flex-wrap:wrap;margin:auto 0 0}
.format-content .format-meta span{background:transparent;color:#D5D6C7;border:1px solid #63655A;border-radius:2px;font:500 9px var(--mono);padding:4px 7px}
#work{border-bottom:1px solid rgba(242,238,230,.16)}.examples{gap:12px}
.example,.package-card{background:#242522;border:1px solid #494C43;box-shadow:none;border-radius:3px}.example:hover{border-color:#9C9E90}
.frame,.frame.wide{background:#191A18;aspect-ratio:4/3.7}.video-tab{background:#171815E8;color:#F2EEE6;border:1px solid #595A50;border-radius:2px}
.sample-body{padding:17px;background:#242522}.sample-body h3{color:#F2EEE6;font-size:17px;min-height:0;margin:10px 0 6px}
.sample-body p{color:#BEBFB4;min-height:0;font-size:11.5px;line-height:1.65}.eyeline,.client-ref,.client-ref span{color:#B8B9AD}
.sample-bottom{color:#B6B7AB;border-color:#464840}.sample-bottom strong{color:#F2FF24}
.benefit-section{background:rgba(31,32,29,.93);border-block:1px solid #52544A;padding:46px 0}
.purpose-layout{display:grid;grid-template-columns:1.05fr 1.5fr;align-items:center;gap:45px}
.purpose-head .kicker{color:#AAA99F}.purpose-head h2{font-size:clamp(27px,2.9vw,37px);color:#F2EEE6}.purpose-head h2 em{color:#F2EEE6}
.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid #5A5C52}
.purpose-cell{padding:0 18px;border-right:1px solid #5A5C52}
.purpose-cell>span{display:block;color:#F2FF24;font:500 9px var(--mono);margin-bottom:12px}
.purpose-cell strong{display:block;font:600 17px var(--sans);color:#F2EEE6}
.purpose-cell p{color:#B6B6AD;font-size:11px;line-height:1.6;margin:9px 0 0}
.package-section{position:relative;background:rgba(28,29,27,.15);border-block:1px solid #45473F;padding:73px 0}
.rate-disclaimer{color:#D0AB54}
.package-card{padding:22px}.package-card.featured{background:#2B2D26;border-color:#999C73}
.package-card.selected{border-color:#F2FF24;box-shadow:0 0 0 1px #F2FF2450}
.package-kicker{color:#E8E3D3;font-family:var(--mono)}
.package-card h3{font-size:24px;color:#F2EEE6}
.package-teaser,.package-price span,.package-price small,.package-count span,.package-card li{color:#C2C2B9}
.package-price{border-color:#575950}.package-price strong{color:#F2EEE6;font-size:31px}
.package-count strong{color:#F2FF24;font-family:var(--sans);font-style:normal;font-weight:650;font-size:39px}
.package-card li:before{color:#F2FF24!important}
.package-select,.package-card .package-select{background:#363930!important;color:#F2EEE6!important;border-color:#797B6D!important}
.package-card.selected .package-select{background:#F2FF24!important;color:#1C1D1B!important;border-color:#F2FF24!important}
.package-selected{background:#2B2D27;border:1px solid #5C5E50;border-radius:3px}
.package-selected .mini-label{color:#F2FF24}.package-selected strong,.chosen-rate{color:#F2EEE6}
.package-selected p,.package-footnotes p{color:#B9B9AE}
.custom-section{background:rgba(39,41,36,.82);padding:70px 0;border-block:1px solid #55574F}
.custom-grid{grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,65px)}
.custom-section .kicker{color:#C6C6BA}.custom-section h2,.custom-section h2 em{color:#F2EEE6}
.custom-section h2{font-size:clamp(34px,3.7vw,47px)}.custom-section h2 em{background:linear-gradient(transparent 85%,#F2FF24 85%)}
.custom-section p{color:#C4C4B8;font-size:14px;line-height:1.7;margin:20px 0 23px}
.custom-blueprint{height:365px;border:1px solid #64665A;background:#222420;position:relative;overflow:hidden;border-radius:3px;padding:22px;isolation:isolate}
.custom-blueprint:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(242,238,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(242,238,230,.05) 1px,transparent 1px);background-size:36px 36px;z-index:-1}
.custom-blueprint:after{content:"";position:absolute;right:-120px;top:-150px;width:350px;height:350px;border-radius:50%;border:1px dashed #F2EEE632;z-index:-1}
.blueprint-head{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#C8C9B9;border-bottom:1px solid #66675B;padding-bottom:16px}
.blueprint-rail{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;gap:0;min-height:230px}
.blueprint-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;min-height:168px;justify-content:center;gap:13px}
.blueprint-order{font:500 10px var(--mono);color:#F2FF24;white-space:nowrap}
.blueprint-step strong{font:600 12px/1.35 var(--sans);color:#F2EEE6;max-width:122px;min-height:34px}
.blueprint-joint{width:100%;border-top:1px dashed #C2C4AE;position:relative}
.blueprint-joint:after{content:"";position:absolute;right:-1px;top:-4px;width:6px;height:6px;border-top:1px solid #F2FF24;border-right:1px solid #F2FF24;transform:rotate(45deg)}
.blueprint-symbol{position:relative;height:67px;width:90px;display:flex;justify-content:center;align-items:center}
.blueprint-camera i{display:block;border:1.5px solid #F2EEE6;width:70px;height:43px;border-radius:2px;position:relative}
.blueprint-camera i:before{content:"";position:absolute;width:24px;height:24px;border:1px solid #F2FF24;border-radius:50%;left:23px;top:8px}
.blueprint-camera i:after{content:"";position:absolute;width:24px;height:1px;background:#D6D7C1;top:-11px;left:22px}
.blueprint-camera i:nth-child(2){position:absolute;left:15px;top:8px;width:28px;height:1px;border:0;background:#F2FF24}
.blueprint-timeline i{height:8px;width:75px;display:block;background:#828574;position:absolute;left:7px;top:12px}
.blueprint-timeline i:nth-child(2){width:58px;top:27px;background:#F2FF24}.blueprint-timeline i:nth-child(3){width:68px;top:42px;background:#C6C7B6}
.blueprint-timeline:after{content:"";position:absolute;left:41px;top:3px;height:54px;width:1px;background:#F2EEE6}
.blueprint-screens i{width:50px;height:36px;border:1.5px solid #F2EEE6;display:block;position:absolute;left:4px;top:13px}
.blueprint-screens i:nth-child(2){width:25px;height:49px;left:58px;top:5px;border-color:#F2FF24}
.blueprint-footer{border-top:1px solid #66675B;display:flex;gap:12px;align-items:center;padding-top:17px;color:#B4B6A7;font:500 9px var(--mono)}
.blueprint-footer span{border:1px solid #63665B;padding:4px 6px}.blueprint-footer b{font-weight:500;margin-left:auto;color:#F2FF24}
.approach-section{background:rgba(28,29,27,.33);padding:66px 0}
.steps{margin-top:27px;gap:18px}.step-num{font:500 31px/1 var(--mono);color:#F2FF24;border-color:#56594F;padding-bottom:14px}
.step h3{color:#F2EEE6}.step p{color:#C4C4B8}
.faq-section{background:rgba(34,35,31,.63);border-top:1px solid #50534A;padding:64px 0}
.faq-list details{border-color:#5B5D52}.faq-list summary{color:#F2EEE6;padding:18px 4px}
.faq-list details p{color:#C9C7BB;padding-bottom:20px}.faq-plus{color:#F2FF24}
.contact{background:#2C2E27;border:1px solid #65695B;margin-top:55px;margin-bottom:34px;padding:48px 5%;border-radius:4px}
.contact h2,.contact h2 em{color:#F2EEE6}.contact p,.notice{color:#C4C6B8}
.contact .button.outline{color:#F2EEE6;border-color:#8A8E7B}
.footer{background:rgba(28,29,27,.65);border-top:1px solid #595B50;color:#B6B7AD}
@media(max-width:1050px){.format-grid{grid-template-columns:1fr 1fr}.format-card{grid-template-columns:32% 1fr}.format-content{padding:17px 15px}.format-content h3{font-size:17px}.format-content p{font-size:11px}.custom-grid{gap:25px}.purpose-layout{gap:20px}}
@media(max-width:850px){.format-grid{grid-template-columns:1fr 1fr}.format-card{grid-template-columns:1fr}.format-plate{min-height:100px}.plate-screen{scale:.65}.plate-optics{scale:.8}.format-plate .plate-index{top:9px}.format-plate .plate-tag{bottom:9px}.format-content{min-height:170px}.purpose-layout{grid-template-columns:1fr;gap:25px}.purpose-grid{padding-top:0}.custom-grid{grid-template-columns:1fr}.custom-blueprint{max-width:660px;width:100%;margin:auto}.df-hero-v6 .df-rig{min-height:385px}}
@media(max-width:700px){.section,.format-section,.approach-section{padding:58px 0}.df-hero-v6 .df-hero-grid{display:grid;grid-template-columns:1fr;padding:45px 0 15px;gap:0}.df-hero-v6 h1{font-size:clamp(43px,10vw,66px)}.df-hero-v6 .df-rig{min-height:310px}.df-hero-v6 .df-hero-bottom{gap:10px 17px}.format-grid{grid-template-columns:1fr;gap:10px}.format-card{grid-template-columns:32% 1fr;min-height:158px}.format-plate{min-height:157px}.format-content{min-height:0;padding:14px 13px}.format-content h3{font-size:17px}.format-content p{margin-bottom:10px}.format-overline{margin-bottom:8px}.format-content .format-meta span{font-size:8px}.format-intent{font-size:8px}.examples{grid-template-columns:1fr}.frame,.frame.wide{aspect-ratio:4/3.4}.benefit-section{padding:37px 0}.purpose-grid{grid-template-columns:1fr;border-top:1px solid #51544A;border-left:0}.purpose-cell{display:grid;grid-template-columns:65px 90px 1fr;gap:10px;align-items:baseline;border-bottom:1px solid #51544A;border-right:0;padding:15px 3px}.purpose-cell>span{font-size:8px}.purpose-cell strong{font-size:14px}.purpose-cell p{margin:0}.package-section{padding:58px 0}.custom-section{padding:59px 0}.custom-blueprint{height:310px}.blueprint-rail{min-height:195px}.blueprint-step{min-height:145px;gap:10px}.blueprint-footer b{display:none}.approach-section{padding:58px 0}.faq-section{padding:58px 0}.contact{margin-top:35px;padding:35px 23px}}
@media(max-width:420px){.format-card{grid-template-columns:34% 1fr}.format-content h3{font-size:16px}.format-content p{font-size:11px}.plate-tag{font-size:7px}.plate-index{font-size:8px}.blueprint-head{font-size:8px}.custom-blueprint{padding:12px;height:295px}.blueprint-step strong{font-size:11px}.blueprint-symbol{width:65px;scale:.78}.blueprint-rail{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.blueprint-order{font-size:8px}.blueprint-footer{gap:5px;padding-top:13px}.blueprint-footer span{padding:3px 5px}.purpose-cell{grid-template-columns:62px 85px 1fr}}
@media(prefers-reduced-motion:reduce){.format-card{transition:none!important}body:before{background-attachment:scroll}.df-ring,.df-frameguide--portrait,.df-focus,.df-scan,.df-crop{animation:none!important}}

/* Keep large decorative calibration rings inside their own section bounds. */
.format-section,.package-section{overflow:hidden}

/* Final contrast audit: original V5 package heading rule was black-on-carbon. */
.package-section h2,.package-section h2 em{color:#F2EEE6}
.package-section h2 em{background:linear-gradient(transparent 86%,#F2FF24 86%)}