/* Case layout only. Fonts, colour tokens, arrows and controls come from styles.css. */
html:has(.tecona-page) { scroll-behavior:auto!important; scroll-snap-type:none!important; overscroll-behavior-y:auto; }
.tecona-page main>.case-section { scroll-snap-align:none; scroll-snap-stop:normal; }
.tecona-page { font-size:18px; line-height:28px; overflow-x:clip; }
.tecona-page main { width:100%; max-width:none; margin:0; padding:0; display:block; }
.tecona-page h1,.tecona-page h2,.tecona-page h3 { font-family:Bounded,Arial,sans-serif; font-weight:500; letter-spacing:-.025em; text-wrap:balance; }
.tecona-page h2 { font-size:48px; line-height:50px; }
.tecona-page h3 { font-size:24px; line-height:32px; margin-bottom:24px; }
.tecona-page p { font-family:'Wix Madefor Display',Arial,sans-serif; font-size:18px; line-height:28px; }
.tecona-page a { text-underline-offset:5px; }
.tecona-page a:focus-visible,.tecona-page input:focus-visible { outline:2px solid var(--yellow); outline-offset:5px; }
.tecona-page [data-reveal] { opacity:1; transform:none; }
.tecona-page.has-motion [data-reveal] { opacity:0; transform:translateY(28px); }
.tecona-page.has-motion [data-reveal].shown { opacity:1; transform:none; }
.case-skip { position:fixed; left:20px; top:-100px; z-index:200; background:var(--yellow); color:var(--ink); padding:16px; border-radius:8px; }
.case-skip:focus { top:16px; }
.tecona-page .case-opening { height:auto; min-height:0; position:relative; isolation:isolate; background:var(--ink); overflow:hidden; }
.case-gradient { position:absolute; z-index:0; inset:0; width:100%; height:100%; min-width:0; opacity:1; pointer-events:none; }
.case-gradient .gradflow-surface { width:100%; height:100%; }
.case-opening:after { display:none; }
.case-hero { position:relative; z-index:1; min-height:100svh; padding:32px; display:flex; flex-direction:column; isolation:isolate; }
.case-topbar { display:flex; align-items:center; justify-content:space-between; padding-right:80px; gap:24px; }
.case-logo { display:inline-block; width:142px; flex-shrink:0; }
.case-logo img { width:100%; height:auto; }
.case-hero-copy { position:relative; z-index:2; margin:auto 0 40px; padding-top:140px; max-width:1000px; }
.case-category { margin-bottom:20px; color:var(--yellow); }
.tecona-page .case-hero h1 { font-size:96px; line-height:90px; margin:0 0 24px; font-weight:500; color:var(--yellow); }
.tecona-page .case-hero-title { font-family:Bounded,Arial,sans-serif; font-size:48px; line-height:50px; letter-spacing:-.025em; }
.case-hero-lead { max-width:640px; margin-top:32px; color:#c6c6c8; }
.case-project-meta { position:relative; z-index:2; margin:0; display:grid; grid-template-columns:1.4fr 1fr .8fr .8fr; gap:24px; padding-top:24px; border-top:1px solid #ffffff26; font-size:16px; line-height:22px; }
.case-project-meta dt { color:#f5f4efb3; margin-bottom:8px; }
.case-project-meta dd { margin:0; }
.case-project-meta a { transition:color .2s ease; }
.case-project-meta a:hover { color:var(--yellow); }
.case-contents { z-index:1; min-height:0; padding:32px 4px 4px; position:relative; display:flex; flex-direction:column; justify-content:flex-start; gap:32px; }
.case-contents>h2 { margin:0 28px; font-size:40px; line-height:1; font-weight:400; }
.tecona-page .inside-cards { position:static; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:0; align-items:stretch; }
.tecona-page .inside-cards article,.tecona-page .inside-cards article:nth-child(n) { padding:20px; min-height:0; height:auto; border-radius:8px; background:rgba(255,255,255,.05); display:flex; flex-direction:column; justify-content:flex-start; }
.tecona-page .inside-cards article:nth-child(4),.tecona-page .inside-cards article:nth-child(5) { grid-column:auto; }
.tecona-page .inside-cards article>div { display:grid; grid-template-columns:28px minmax(0,1fr); gap:40px; padding-bottom:20px; align-items:start; border-bottom:1px solid #ffffff1a; }
.tecona-page .inside-cards h3,.tecona-page .inside-cards b { font-size:20px!important; line-height:24px; font-weight:500; margin:0; }
.tecona-page .inside-cards a { width:calc(100% - 68px); margin:0 0 0 68px; padding:18px 0; font-size:18px; line-height:24px; display:flex; justify-content:space-between; align-items:center; gap:8px; border-bottom:1px solid #ffffff1a; color:var(--white); }
.tecona-page .inside-cards a:last-child { border:0; padding-bottom:0; }
.tecona-page .inside-cards a:hover,.tecona-page .inside-cards a[aria-current] { color:var(--yellow); }
.tecona-page .inside-cards a:focus-visible { outline:2px solid var(--yellow); outline-offset:4px; }
.tecona-page .arrow-icon { width:24px; height:24px; flex:0 0 24px; margin:0; overflow:hidden; position:relative; display:inline-block; color:inherit; }
.tecona-page .arrow-icon svg,.tecona-page .arrow-icon path { color:inherit; }
.tecona-page .arrow-icon path { stroke:currentColor; }
.tecona-page .arrow-icon svg { position:absolute; inset:0; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform .45s cubic-bezier(.22,1,.36,1); }
.tecona-page .arrow-icon .arrow-in { transform:translate(-24px,24px); }
.tecona-page a:hover .arrow-icon .arrow-out { transform:translate(24px,-24px); }
.tecona-page a:hover .arrow-icon .arrow-in { transform:translate(0,0); }
.tecona-page .case-menu { inset:84px 32px auto auto; width:245px; padding:0; background:transparent; border:0; border-radius:0; }
.tecona-page .case-menu>a { height:auto; min-height:44px; font-size:16px; line-height:22px; padding:12px; }
.case-hero>.hero-glass-mark { position:absolute; z-index:0; width:70vw; max-width:1100px; aspect-ratio:1; height:auto; right:-16%; top:-16%; left:auto; opacity:.7; pointer-events:none; }
.case-topbar { position:relative; z-index:3; }
.case-summary { margin:4px; padding:64px 32px; border-radius:8px; background:var(--yellow); color:var(--ink); }
.tecona-page .case-summary>p { font-family:Bounded,Arial,sans-serif; font-size:38px; line-height:40px; max-width:900px; }
.case-summary>p strong { font-weight:500; }
.case-summary dl { margin:64px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between; gap:32px; }
.case-summary dt { font-family:Bounded,Arial,sans-serif; font-size:48px; line-height:50px; font-weight:500; }
.case-summary dd { margin:12px 0 0; font-size:16px; line-height:22px; }
.tecona-page main>.case-section { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr); gap:4px; margin:4px; border-radius:0; overflow:visible; scroll-margin-top:16px; }
.case-section-heading { padding:32px; border-radius:8px; background:linear-gradient(#101011,#080808); align-self:start; position:sticky; top:4px; }
.case-section-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; color:#c6c6c8; font-size:14px; line-height:20px; margin-bottom:40px; }
.case-section-meta>span:last-child,.tecona-page .inside-cards b,.case-sequence li:before,.case-section-body td.n { font-family:Bounded,Arial,sans-serif; font-size:20px!important; line-height:28px; color:var(--yellow); font-weight:500; }
.tecona-page .inside-cards b { color:var(--white); }
.tecona-page .case-section-heading h2 { font-size:32px; line-height:36px; overflow-wrap:normal; margin-bottom:24px; }
.tecona-page .case-section-heading>p { color:#d8d7d2; font-size:16px; line-height:24px; }
.case-section-body { min-width:0; padding:32px; border-radius:8px; background:#111112; font-size:16px; line-height:24px; }
.case-section-body> :not(:first-child) { margin-top:28px; }
.tecona-page .case-section-body p { max-width:68ch; font-size:16px; line-height:24px; }
.tecona-page .case-section-body h3 { font-size:18px; line-height:24px; margin-bottom:12px; overflow-wrap:anywhere; }
.case-section-body p+p { margin-top:12px; }
.case-section-body .prose h3 { margin-top:0; }
.case-section-body .prose p+p { margin-top:12px; }
.case-section-body .grid2,.case-section-body .grid3 { display:grid; gap:16px; align-items:start; }
.case-section-body .grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.case-section-body .grid3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.case-section-body .grid2>*+*,.case-section-body .grid3>*+* { margin-top:0; }
.editorial-block { min-width:0; padding:20px; border:1px solid #ffffff12; border-radius:8px; background:#ffffff03; }
.card-meta { display:block; margin-bottom:8px; color:var(--yellow); font-size:12px; line-height:18px; }
.case-list { margin:0; padding-left:18px; }
.case-list li { padding-left:2px; font-size:15px; line-height:23px; }
.case-list li+li { margin-top:10px; }
.case-list li::marker { color:var(--yellow); font-size:12px; }
.fact-paragraphs p { padding:0; }
.case-conclusion { border-left:3px solid var(--yellow); padding:0 0 0 24px; color:var(--white); }
.tecona-page .case-section-body .architecture-conclusion { max-width:none; white-space:nowrap; }
@media(max-width:1100px) { .tecona-page .case-section-body .architecture-conclusion { white-space:normal; } }
.case-subtitle { color:#c6c6c8; margin-bottom:24px; }
.architecture { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.architecture>div { display:block; padding:20px; border:1px solid #ffffff12; border-radius:8px; background:#ffffff03; }
.architecture>div:first-child { padding-top:20px; }
.architecture>div:last-child { border:1px solid #ffffff12; }
.architecture h3 { margin:0; }
.case-sequence { margin:0; padding:0; list-style:none; counter-reset:step; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.case-sequence li { counter-increment:step; display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid #ffffff12; border-radius:8px; }
.case-sequence li:before { content:counter(step,decimal-leading-zero); color:var(--yellow); font-family:Bounded,Arial,sans-serif; font-size:20px; line-height:28px; }
.case-sequence li:first-child { padding-top:16px; }
.case-sequence li:last-child { border:1px solid #ffffff12; }
.case-section-body .case-sequence h3 { margin:0; }
.case-sequence p { grid-column:2; }
.quiz-sequence { grid-template-columns:repeat(5,minmax(0,1fr)); }
.fabric-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.fabric-cards article { padding:16px; background:#ffffff03; border:1px solid #ffffff12; border-radius:8px; }
.fabric-cards strong { display:block; color:var(--yellow); font-size:14px; line-height:20px; }
.fabric-meter { display:block; height:3px; margin:12px 0; background:#ffffff18; }
.fabric-meter:before { content:''; display:block; height:100%; width:25%; background:var(--yellow); }
.fabric-cards article:nth-child(2) .fabric-meter:before { width:50%; }
.fabric-cards article:nth-child(3) .fabric-meter:before { width:75%; }
.fabric-cards article:nth-child(4) .fabric-meter:before { width:100%; }
.tecona-page .fabric-cards p { font-size:14px; line-height:21px; }
.search-examples { color:#a4a4a8; }
.case-chapter { min-height:320px; margin:4px; padding:64px 32px 48px; display:flex; flex-direction:column; justify-content:space-between; gap:32px; }
.tecona-page .case-chapter h2 { font-size:clamp(48px,6.4vw,96px); line-height:1.05; }
.case-chapter h2 span { color:var(--yellow); }
.case-chapter>p { max-width:620px; margin-left:auto; }
.case-section-body .tbl { width:100%; overflow-x:auto; scrollbar-color:#555 #111; }
.case-section-body table { border-collapse:separate; border-spacing:0; width:100%; text-align:left; font-size:15px; line-height:23px; }
.case-section-body caption { text-align:left; font-family:Bounded,Arial,sans-serif; font-size:20px; line-height:28px; margin-bottom:24px; }
.case-section-body th { font-family:'Wix Madefor Display',Arial,sans-serif; font-size:13px; line-height:19px; font-weight:600; color:#b8b8bc; vertical-align:bottom; padding:0 16px 12px 0; }
.case-section-body td { padding:14px 16px 14px 0; border-top:1px solid #ffffff1a; vertical-align:top; }
.case-section-body th:last-child,.case-section-body td:last-child { padding-right:0; }
.case-section-body td:first-child { width:30%; font-weight:600; }
.case-section-body .numbered-table th:first-child,.case-section-body .numbered-table td:first-child { width:60px; min-width:60px; }
.case-section-body .numbered-table td:nth-child(2) { width:32%; }
.case-section-body .comparison-table th:last-child,.case-section-body .comparison-table td:last-child { width:38%; padding:14px 16px; background:#ffdd000b; border-left:1px solid var(--yellow); border-right:1px solid var(--yellow); }
.case-section-body .comparison-table th:last-child { color:var(--yellow); border-top:1px solid var(--yellow); border-radius:8px 8px 0 0; }
.case-section-body .comparison-table tr:last-child td:last-child { border-bottom:1px solid var(--yellow); border-radius:0 0 8px 8px; }
.case-section-body .solution-table td:last-child { padding-left:24px; border-left:2px solid #ffdd0066; }
.case-section-body .solution-table th:last-child { padding-left:24px; color:var(--yellow); }
.case-section-body .effort-table td:last-child { width:140px; font-variant-numeric:tabular-nums; }
.case-section-body .delivery-table tbody tr:first-child td { color:var(--yellow); }
.case-section-body tfoot { color:var(--yellow); font-weight:600; }
.case-section-body .num { font-variant-numeric:tabular-nums; }
.pending-data { color:#8c8d91; font-weight:400; }
.case-section-body .shots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px; }
.case-section-body .shots.wide { grid-template-columns:minmax(0,2.7fr) minmax(0,1fr); }
.case-section-body .shots.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.case-media { margin:0; overflow:hidden; }
.case-media img { display:block; width:100%; height:auto; border-radius:0; }
.case-media figcaption { margin-top:10px; font-size:13px; line-height:20px; color:#b8b8bc; display:flex; flex-wrap:wrap; gap:8px 12px; }
.case-icon { width:24px; height:24px; display:inline-block; flex-shrink:0; vertical-align:middle; fill:none; stroke:currentColor; }
.case-project-meta a,.case-footer-bottom a { display:inline-flex; align-items:center; gap:8px; }
.screen-actions { display:flex; align-items:center; gap:10px; }
.screen-play { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; padding:0; background:none; border:1px solid #ffffff26; border-radius:50%; color:var(--white); cursor:pointer; }
.screen-play svg { width:18px; height:18px; }
.screen-play:hover { color:var(--yellow); border-color:var(--yellow); }
.screen-play[hidden] { display:none; }
.device-stage { position:relative; isolation:isolate; overflow:hidden; border:1px solid #ffffff26; background:#222326; border-radius:8px; }
.device-browser { display:grid; grid-template-rows:40px auto; }
.screen-shell { position:relative; z-index:1; min-height:0; background:#fff; overflow:hidden; }
.device-browser .screen-shell { aspect-ratio:16/10; }
.case-live-frame { position:absolute; top:0; left:0; display:block; border:0; max-width:none; transform-origin:top left; background:#fff; }
.frame-demo-label { margin-left:auto; color:#777780; font-size:11px; line-height:20px; }
.is-form-preview .screen-shell { aspect-ratio:4/3; }
.case-section-body .editorial-block p+h3 { margin-top:28px; }
.case-section-body .editorial-block h3+h3 { margin-top:24px; }
.case-media[data-media-slot="19"] .screen-shell { aspect-ratio:auto; }
.case-media[data-media-slot="19"] .case-screen { position:relative; height:auto; overflow:hidden; }
.delivery-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(340px,390px); gap:16px; align-items:start; }
.delivery-layout>.shots { display:block; }
.is-vertical .screen-shell { aspect-ratio:auto; height:min(78vh,780px); min-height:520px; }
.form-badges { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.form-badge { border:1px solid var(--yellow); border-radius:24px; padding:10px 16px; background:transparent; color:var(--yellow); font:500 14px/20px 'Wix Madefor Display',Arial,sans-serif; cursor:pointer; transition:background .2s,color .2s; }
.form-badge:hover,.form-badge.active { background:var(--yellow); color:var(--ink); }
.form-badge:focus-visible { outline:2px solid var(--yellow); outline-offset:3px; }
@media(max-width:1300px) { .delivery-layout { grid-template-columns:1fr 1fr; }.delivery-layout>.shots { grid-column:1/-1; width:min(100%,440px); justify-self:center; } }
@media(max-width:700px) { .delivery-layout { grid-template-columns:1fr; }.delivery-layout>.shots { grid-column:auto; }.is-vertical .screen-shell { min-height:480px; height:70vh; } }
.device-stage .case-screen { position:absolute; inset:0; height:100%; width:100%; overflow-y:auto; overflow-x:hidden; scrollbar-width:none; overscroll-behavior-y:auto; display:block; scroll-behavior:auto; }
.case-screen::-webkit-scrollbar { display:none; }
.case-screen:focus-visible { outline:2px solid var(--yellow); outline-offset:-2px; }
.device-phone { width:100%; max-width:320px; aspect-ratio:9/19.5; margin-inline:auto; border-radius:20px; display:grid; grid-template-rows:28px minmax(0,1fr) 84px; background:#222326; box-shadow:none; }
.device-phone .phone-fixed-menu { position:absolute; z-index:4; bottom:0; left:0; width:100%; height:auto; pointer-events:none; background:#fff; }
.browser-toolbar { display:flex; align-items:center; gap:12px; padding:8px 12px; color:#c5c5c9; background:#222326; font:12px/20px system-ui,sans-serif; }
.browser-toolbar .case-icon { width:16px; height:16px; }
.browser-dots { display:flex; gap:5px; flex-shrink:0; }
.browser-dots i { width:7px; height:7px; border-radius:50%; background:#6a6a70; }
.browser-dots i:first-child { background:#b8a224; }
.browser-history { display:flex; gap:5px; }
.browser-history svg:last-child { opacity:.4; }
.browser-address { display:flex; align-items:center; justify-content:center; gap:8px; height:26px; padding:0 8px; min-width:0; flex:1; border-radius:5px; background:#111215; }
.browser-address>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; text-align:center; }
.browser-address svg:last-child { margin-left:auto; }
.safari-status { display:flex; align-items:center; justify-content:space-between; padding:0 14px; color:#eee; font:600 11px/20px system-ui,sans-serif; }
.safari-status>span:last-child { display:flex; align-items:center; gap:3px; }
.safari-status .case-icon { width:14px; height:14px; }
.safari-status .case-icon:last-child { width:19px; }
.safari-controls { padding:7px 10px 4px; background:#222326; color:#d5d5d9; font:11px/18px system-ui,sans-serif; }
.safari-address { height:27px; display:flex; align-items:center; justify-content:space-between; gap:6px; padding:0 9px; border-radius:8px; background:#36373b; }
.safari-address>span:nth-child(2) { display:flex; align-items:center; gap:3px; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.safari-address .case-icon { width:12px; height:12px; }
.safari-tools { display:flex; align-items:center; justify-content:space-between; padding:9px 4px 5px; }
.safari-tools .case-icon { width:17px; height:17px; }
.safari-tools .case-icon:nth-child(2) { opacity:.4; }
.safari-home-indicator { display:block; height:3px; width:38%; max-width:90px; margin:0 auto; border-radius:5px; background:#d5d5d9; }
.case-screen img { display:block; width:100%; height:auto; object-fit:cover; object-position:top; }
.screen-placeholder { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:24px; border:1px dashed #ffffff24; background:#18191b; color:#b3b3b8; text-align:center; font-size:14px; line-height:20px; }
.screen-placeholder .case-icon { width:30px; height:30px; color:#7a7a82; }
.screen-placeholder small { font-size:12px; color:#777780; }
.discount-demo { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; }
.discount-inputs>p { color:#b9b9bd; font-size:16px; line-height:24px; }
.discount-inputs label { margin-top:36px; display:flex; flex-direction:column; gap:8px; font-size:16px; line-height:24px; }
.discount-inputs output { color:var(--yellow); font-size:24px; line-height:32px; font-variant-numeric:tabular-nums; }
.discount-inputs input { appearance:none; width:100%; height:4px; margin:24px 0 16px; border:0; padding:0; background:#48484b; accent-color:var(--yellow); cursor:pointer; }
.discount-inputs input::-webkit-slider-thumb { appearance:none; width:22px; height:22px; background:var(--yellow); border:0; border-radius:50%; }
.discount-inputs input::-moz-range-thumb { width:22px; height:22px; background:var(--yellow); border:0; border-radius:50%; }
.discount-inputs .discount-note { margin-top:24px; }
.discount-result { border-radius:8px; padding:28px; background:var(--yellow); color:var(--ink); }
.discount-rate { display:flex; flex-direction:column; gap:8px; }
.discount-rate b { font-family:Bounded,Arial,sans-serif; font-size:64px; line-height:68px; font-weight:500; }
.discount-rate span { font-size:16px; }
.discount-progress { margin-top:32px; height:4px; background:#07070730; overflow:hidden; }
.discount-progress>span { display:block; height:100%; background:var(--ink); width:80%; transition:width .3s; }
.discount-thresholds { display:flex; justify-content:space-between; gap:8px; font-size:12px; line-height:18px; margin-top:10px; }
.tecona-page #msg { margin-top:24px; min-height:72px; font-size:16px; line-height:24px; }
.discount-totals { margin:32px 0 0; font-size:16px; line-height:24px; }
.discount-totals>div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-top:1px solid #07070730; }
.discount-totals dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.discount-total { margin-top:12px; font-weight:600; font-size:20px; }
.topic-effort td:last-child { min-width:120px; }
.tecona-page footer.case-footer { position:relative; isolation:isolate; margin:4px 0 0; height:auto; min-height:100svh; padding:32px 4px 24px; border-radius:0; background:#000; }
.case-footer .footer-top { padding-inline:28px; display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.case-footer .footer-top .case-logo { justify-self:start; margin:0; }
.case-footer .footer-to-top { justify-self:start; }
.case-contact-copy { position:relative; z-index:3; max-width:900px; padding:100px 28px 80px; }
.case-contact-copy h2 { font-size:64px; line-height:68px; margin:0 0 32px; }
.case-contact-copy>p { max-width:600px; color:#f5f4ef; text-align:left; }
.case-contact-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px 40px; margin-top:32px; }
.case-phone { text-decoration:none; font-size:20px; }
.case-footer .footer-socials { margin-top:32px; }
.case-footer>.hero-glass-mark { pointer-events:none; opacity:.6; }
.tecona-page .case-footer>.footer-groups { position:relative; inset:auto; margin:0; }
.case-footer .source-btn { margin-top:32px; display:inline-flex; align-items:center; gap:24px; min-height:70px; padding:20px 40px; text-decoration:none; }
.case-contact-actions .source-btn { margin-top:0; }
.case-contact-actions .source-btn .arrow-icon { color:inherit; }
.case-footer-bottom { position:relative; z-index:3; display:flex; justify-content:space-between; gap:24px; margin:24px 28px 0; padding-top:24px; color:#f5f4efb3; font-size:16px; line-height:24px; }
@media(min-width:1600px) {
  .case-hero,.case-summary,.case-chapter,.case-footer { padding-left:48px; padding-right:48px; }
  .case-section-heading { padding:48px; }
  .case-section-body { padding:80px 64px; }
}
@media(max-width:1199px) {
  .tecona-page main>.case-section { grid-template-columns:minmax(0,1fr) minmax(0,1.7fr); }
  .case-section-heading { padding:24px; }
  .tecona-page .case-section-heading h2 { font-size:32px; line-height:38px; }
  .case-section-body { padding:48px 28px; }
  .discount-demo { grid-template-columns:1fr; }
  .discount-inputs label { flex-direction:row; justify-content:space-between; align-items:center; }
  .tecona-page .inside-cards h3 { font-size:18px!important; }
  .tecona-page .inside-cards article { padding:24px; }
  .tecona-page .inside-cards article>div { gap:18px; }
  .tecona-page .inside-cards a { margin-left:46px; width:calc(100% - 46px); }
  .tecona-page .inside-cards a { font-size:16px; }
}
@media(max-width:900px) {
  .case-hero { min-height:780px; }
  .case-hero-copy { margin:auto 0 48px; padding-top:120px; }
  .case-project-meta { grid-template-columns:1fr 1fr; }
  .tecona-page main>.case-section { grid-template-columns:1fr; }
  .case-section-heading { position:static; padding:32px; }
  .case-section-meta { margin-bottom:40px; }
  .tecona-page .case-section-heading h2 { font-size:38px; line-height:40px; max-width:660px; }
  .case-section-heading>p { max-width:72ch; }
  .case-section-body { padding:48px 32px; }
  .tecona-page .inside-cards,.tecona-page .case-menu .inside-cards { grid-template-columns:1fr 1fr; }
  .case-summary dl { justify-content:flex-start; gap:40px 64px; }
  .case-summary dl>div { flex:0 0 calc(33% - 44px); }
  .case-chapter { min-height:400px; padding-top:80px; }
  .case-contents { gap:32px; }
  .case-contact-copy h2 { font-size:48px; line-height:50px; }
  .discount-demo { grid-template-columns:1fr 1fr; }
  .discount-inputs label { flex-direction:column; align-items:start; }
}
@media(max-width:600px) {
  .tecona-page .nav-toggle { top:20px; right:20px; }
  .case-hero { min-height:100svh; padding:24px 20px; }
  .case-logo { width:118px; }
  .case-topbar { padding-right:56px; }
  .case-hero-copy { margin:auto 0 40px; padding-top:120px; }
  .tecona-page .case-category { font-size:16px; line-height:24px; margin-bottom:24px; }
  .tecona-page .case-hero h1 { font-size:clamp(48px,13vw,78px); line-height:1; margin-bottom:24px; }
  .tecona-page .case-hero-title { font-size:clamp(26px,6.8vw,38px); line-height:1.18; }
  .case-hero-lead { margin-top:24px; }
  .case-project-meta { gap:24px 16px; font-size:14px; line-height:20px; }
  .case-contents { min-height:0; padding-top:64px; gap:0; }
  .case-contents>h2 { margin:0 16px 32px; }
  .tecona-page h2 { font-size:32px; line-height:38px; }
  .tecona-page h3 { font-size:24px; line-height:32px; }
  .tecona-page .inside-cards,.tecona-page .case-menu .inside-cards { grid-template-columns:1fr; }
  .tecona-page .inside-cards article { padding:24px 20px; }
  .tecona-page .inside-cards article>div { grid-template-columns:24px minmax(0,1fr); gap:16px; padding-bottom:20px; }
  .tecona-page .inside-cards h3 { font-size:20px!important; line-height:26px; }
  .tecona-page .inside-cards a { margin-left:40px; width:calc(100% - 40px); padding:16px 0; }
  .tecona-page .case-menu { inset:72px 20px auto auto; width:min(245px,calc(100% - 40px)); padding:0; }
  .tecona-page .case-menu>p { padding-left:8px; }
  .case-summary { padding:48px 20px; }
  .tecona-page .case-summary>p { font-size:28px; line-height:34px; }
  .case-summary dl { margin-top:40px; gap:32px 20px; }
  .case-summary dl>div { flex:0 0 calc(50% - 10px); }
  .case-summary dt { font-size:38px; line-height:40px; }
  .case-summary dd { font-size:16px; line-height:22px; }
  .case-section-heading { padding:24px 20px 40px; }
  .case-section-meta { font-size:14px; margin-bottom:40px; padding-right:56px; }
  .tecona-page .case-section-heading h2 { font-size:28px; line-height:34px; margin-bottom:24px; }
  .case-section-body { padding:40px 20px; }
  .case-section-body>*+*,.case-section-body .grid2>*+*,.case-section-body .grid3>*+* { margin-top:40px; }
  .architecture>div { grid-template-columns:1fr; gap:16px; }
  .case-chapter { min-height:360px; padding:64px 20px 40px; }
  .tecona-page .case-chapter h2 { font-size:32px; line-height:38px; }
  .case-chapter>p { margin-left:0; }
  .case-sequence li { grid-template-columns:32px minmax(0,1fr); gap:12px; }
  .case-section-body table { font-size:16px; line-height:26px; }
  .case-section-body th { font-size:16px; line-height:24px; }
  .case-section-body .tbl { margin-right:-4px; padding-bottom:8px; }
  .case-section-body table:has(th:nth-child(3)) { min-width:560px; }
  .case-section-body th,.case-section-body td { padding-right:20px; }
  .case-section-body .shots,.case-section-body .shots.three,.case-section-body .shots.wide { grid-template-columns:1fr; }
  .discount-demo { grid-template-columns:1fr; gap:32px; }
  .discount-inputs label { flex-direction:row; align-items:center; gap:16px; }
  .discount-inputs output { font-size:20px; line-height:28px; white-space:nowrap; }
  .discount-result { padding:24px 20px; }
  .discount-totals>div { gap:12px; }
  .discount-totals dd { font-size:16px; }
  .tecona-page footer.case-footer { padding:24px 4px; }
  .case-footer .footer-top { padding-inline:16px; }
  .case-contact-copy { padding:80px 16px 64px; }
  .case-contact-copy h2 { font-size:32px; line-height:38px; }
  .case-footer .source-btn { padding:16px 24px; min-height:60px; gap:16px; font-size:14px; }
  .case-footer-bottom { margin-top:64px; font-size:14px; line-height:20px; gap:20px; }
  .case-footer-bottom { margin:32px 16px 0; flex-direction:column; }
  .case-hero>.hero-glass-mark { width:110vw; right:-52%; top:-6%; opacity:.45; }
  .case-gradient .gradflow-surface { position:sticky; top:0; width:100vw!important; height:100svh!important; min-width:100vw; min-height:100svh; }
}
@media(prefers-reduced-motion:reduce) {
  .tecona-page [data-reveal],.tecona-page.has-motion [data-reveal] { opacity:1; transform:none; transition:none; }
  .tecona-page *, .tecona-page *:before,.tecona-page *:after { animation:none!important; transition:none!important; }
  .case-gradient { display:none; }
}

/* Reference content grouping, with ADDU's type and dark panels. */
@media(max-width:1200px) {
  .case-section-body .grid3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .case-sequence,.fabric-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quiz-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
  .tecona-page main>.case-section { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .case-section-body .grid2,.case-section-body .grid3,.architecture { grid-template-columns:1fr; }
  .case-section-body .grid2>*+*,.case-section-body .grid3>*+* { margin-top:0; }
  .case-section-body .shots,.case-section-body .shots.wide,.case-section-body .shots.three { grid-template-columns:1fr; }
  .browser-toolbar { gap:8px; padding:8px; }
}
@media(max-width:600px) {
  .case-section-body { padding:24px 20px; }
  .case-section-body> :not(:first-child) { margin-top:24px; }
  .tecona-page .case-section-body h3 { font-size:18px; line-height:24px; }
  .tecona-page .case-section-body p { font-size:16px; line-height:24px; }
  .case-section-body table { font-size:14px; line-height:22px; }
  .case-section-body th { font-size:12px; line-height:18px; }
  .case-section-body td { padding-block:12px; }
  .case-chapter { min-height:280px; padding:48px 20px 32px; }
  .case-sequence li { padding:14px; gap:8px; }
  .case-sequence li:first-child { padding-top:14px; }
  .case-sequence,.quiz-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fabric-cards { grid-template-columns:1fr; }
  .editorial-block { padding:16px; }
  .browser-history { display:none; }
}