/* AI CAFÉ STUDIO | Commercial concept v1 | TraficLabPro, 2026-10-21
   Responsive editorial system. Original CSS. Real licensed coffee photography.
   No external font, tracker, library or third-party script. */
:root{--ink:#131512;--ink2:#22251f;--espresso:#211b18;--orange:#ed6f35;--orange2:#ff9952;--ivory:#f4f1eb;--white:#fffdfa;--dim:#aaa9a1;--slate:#454943;--line:#dcd8d0;--mono:Consolas,"SFMono-Regular","Courier New",monospace;--sans:"Inter","Segoe UI Variable","Segoe UI",Arial,sans-serif;--ease:cubic-bezier(.19,1,.22,1)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit}button{cursor:pointer}
img{max-width:100%;display:block} button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9b59;outline-offset:3px}
[hidden]{display:none!important}.skip{position:fixed;z-index:1000;top:-100px;left:16px;background:var(--orange);padding:12px 16px;color:#161616}.skip:focus{top:16px}
::selection{background:#ffa55f;color:#10110f}
.top-line{height:30px;background:#131512;color:#d3d3cd;padding:0 4.7vw;display:flex;align-items:center;justify-content:space-between;gap:14px;font:600 10px/1 var(--mono);letter-spacing:.11em}
.top-line>span:first-child{color:#f5a477}.top-line span[aria-hidden]{color:#75776d;padding:0 8px}.spark,.live-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#ffa66d;box-shadow:0 0 0 4px #ff994220;margin-right:6px}
.site-header{min-height:86px;display:flex;align-items:center;gap:42px;justify-content:space-between;background:rgba(250,248,244,.97);padding:13px 4.7vw;border-bottom:1px solid #ddd8ce;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-symbol{height:44px;width:44px;background:var(--orange);display:grid;place-items:center;color:var(--ink);border-radius:50% 50% 50% 8px;transform:rotate(-14deg)}
.brand-symbol>span{display:block;font:700 31px/1 var(--sans);transform:rotate(14deg)}
.brand-name{font-size:24px;font-weight:880;letter-spacing:-.077em;line-height:.9;color:var(--ink)}.brand-name>span{color:var(--orange)}.brand-name small{display:block;letter-spacing:.1em;font:700 8px/1.3 var(--mono);color:#5b5f57;padding-top:7px}
.nav{display:flex;align-items:center;gap:clamp(14px,1.9vw,36px);font-size:13px;font-weight:650}.nav a{position:relative;padding:12px 0;white-space:nowrap}.nav a:after{content:"";position:absolute;bottom:8px;left:0;right:100%;height:2px;background:var(--orange);transition:right .25s}.nav a:hover:after,.nav a:focus-visible:after{right:0}
.nav-cta{border:1px solid #292a24;min-height:44px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:12px 16px;font-weight:780;font-size:12px;transition:background .25s,color .25s;white-space:nowrap}.nav-cta span{font-size:17px;color:var(--orange)}.nav-cta:hover{background:var(--ink);color:white}
.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{height:2px;width:100%;background:var(--ink)}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:690px;background:var(--white)}
.hero-copy{padding:clamp(60px,6.25vw,108px) 5% 36px 9%;display:flex;flex-direction:column;align-items:flex-start;max-width:850px;min-width:0}
.eyebrow{display:flex;align-items:center;gap:14px;font:700 10px/1.5 var(--mono);letter-spacing:.12em;color:#696d65}.eyebrow .line{width:25px;height:3px;background:var(--orange);flex-shrink:0}
.hero h1{font-size:clamp(74px,7.35vw,132px);font-weight:850;line-height:.88;letter-spacing:-.09em;margin:49px 0 37px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-lead{font-size:clamp(20px,1.85vw,27px);font-weight:590;line-height:1.29;letter-spacing:-.035em;max-width:600px;margin:0 0 17px}
.hero-small{font-size:15px;color:#5d5e55;line-height:1.72;max-width:540px;margin:0}
.hero-buttons{display:flex;flex-wrap:wrap;gap:15px 24px;align-items:center;margin-top:30px}
.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;font-weight:800;font-size:13px;min-height:55px;transition:transform .22s var(--ease),background .22s}
.button:hover{transform:translateY(-3px)}.button-solid{background:var(--orange);color:var(--ink)}.button-solid:hover{background:var(--orange2)}.button span{font-size:20px;font-weight:400}
.text-link{border-bottom:1px solid #191b17;min-height:42px;display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:800}.text-link span{color:var(--orange)}.text-link:hover{color:#b14f26}
.hero-footer{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:auto;padding-top:45px;font:700 10px/1.5 var(--mono);letter-spacing:.02em;color:#6f706b}.hero-footer i{color:var(--orange);font-style:normal;margin-right:8px}
.hero-media{position:relative;min-height:650px;background:#3a2721;isolation:isolate;overflow:hidden}
.hero-media>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 55%;filter:contrast(1.05) saturate(.92)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#14131124 0%,transparent 39%,#151310dc 100%)}
.hero-photo-note{position:absolute;top:33px;left:32px;z-index:2;color:#fff;background:#141410c2;padding:13px 17px;font:700 10px/1 var(--mono);letter-spacing:.07em}
.hero-media-bottom{position:absolute;left:clamp(26px,3.4vw,65px);right:30px;bottom:36px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;color:var(--white);gap:16px}
.hero-media-bottom>span{color:#e8bc94;font:700 11px/1 var(--mono);letter-spacing:.18em}.hero-media-bottom strong{font-size:clamp(30px,3.25vw,61px);font-weight:750;letter-spacing:-.065em;line-height:1.04}.hero-media-bottom small{font-size:11px;color:#cac7c1}
.marquee{height:71px;background:var(--orange);overflow:hidden;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:50px;min-width:170%;transform:translateX(-3%);font:850 19px/1 var(--sans);letter-spacing:-.035em}.marquee-track>b{color:#282723;font-weight:400}.marquee-track span{white-space:nowrap}
.section-pad{padding:clamp(80px,9vw,148px) max(4.8vw,calc((100vw - 1520px)/2))}
.section-index{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66665e;font:700 10px/1.4 var(--mono);letter-spacing:.13em;padding-bottom:27px;border-bottom:1px solid #d8d4cc}.section-index>span:first-child{color:#be5a2b}.section-index.light-index{color:#adafa5;border-bottom-color:#444840}.section-index.light-index>span:first-child{color:#ff9a67}
.concept{background:var(--ivory)}.concept-grid{display:grid;grid-template-columns:1.13fr .7fr;gap:clamp(40px,8vw,150px);padding:65px 0 90px;align-items:start}
h2{font-size:clamp(46px,5.5vw,88px);line-height:1.025;letter-spacing:-.076em;font-weight:800;margin:0}h2 em{font-style:normal;color:#c55a2b}
.concept-text{max-width:540px;padding-top:9px;font-size:18px;line-height:1.65;color:#555951}.concept-text p{margin:0 0 23px}.concept-text p:first-child{color:var(--ink);font-weight:600}.inline-arrow{display:inline-flex;align-items:center;gap:32px;padding:10px 0;border-bottom:1px solid var(--ink);color:var(--ink);font:750 14px/1.35 var(--sans)}.inline-arrow span{color:var(--orange);font-size:21px}.inline-arrow:hover{color:#aa4922}
.value-grid{border-top:1px solid #d6d1c7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.value-grid article{padding:44px 46px 20px 0;min-height:235px}.value-grid article+article{border-left:1px solid #d6d1c7;padding-left:42px}.value-number{font:700 12px var(--mono);color:#c85e34}.value-grid h3{font-weight:760;font-size:26px;letter-spacing:-.05em;margin:28px 0 12px}.value-grid p{font-size:15px;line-height:1.65;color:#5d605a;margin:0;max-width:360px}
.solution{background:var(--ink);color:var(--white)}.solution-heading{display:grid;grid-template-columns:1.15fr .6fr;gap:clamp(35px,7vw,130px);align-items:end;margin:66px 0 55px}.solution-heading h2{font-size:clamp(55px,5.6vw,96px)}.solution-heading h2 em{color:var(--orange2)}.solution-heading>p{max-width:485px;color:#b5b7af;font-size:17px;line-height:1.7;margin:0 0 8px}
.solution-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #41443e;margin-bottom:0}
.solution-tab{color:#bfc0b8;background:transparent;border:0;border-right:1px solid #41443e;display:flex;align-items:center;gap:18px;text-align:left;justify-content:space-between;min-height:90px;padding:22px clamp(14px,2.5vw,40px);font-size:18px;letter-spacing:-.04em;transition:background .22s,color .22s}
.solution-tab:last-child{border-right:0}.solution-tab .tab-num{font:700 11px var(--mono);letter-spacing:0;color:#c6c6bf}.solution-tab strong{font-weight:850}.solution-tab>span:last-child{color:var(--orange2);font-size:19px}.solution-tab.is-active{color:#171918;background:#f4f1eb}.solution-tab.is-active .tab-num{color:#aa4c25}.solution-tab:hover:not(.is-active){background:#222620;color:#fff}
.mode-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);min-height:415px;background:#f4f1eb;color:var(--ink)}
.mode-copy{padding:clamp(34px,4vw,70px);display:flex;flex-direction:column;align-items:flex-start}.mode-kicker{font:700 11px/1.4 var(--mono);letter-spacing:.1em;color:#ac542a}.mode-copy h3{font-weight:810;letter-spacing:-.068em;line-height:1.05;font-size:clamp(30px,3vw,50px);margin:22px 0 17px}.mode-copy p{max-width:550px;font-size:16px;color:#525951;line-height:1.7;margin:0 0 20px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.chips span{font:640 11px/1.35 var(--sans);padding:9px 12px;border:1px solid #d4d0c6;color:#4d4d46}.panel-cta{color:var(--ink);margin-top:auto;font-weight:800;font-size:14px;border-bottom:1px solid var(--ink);display:flex;gap:35px;padding:10px 0;align-items:center}.panel-cta span{color:#c25930;font-size:20px}
.mode-visual{background:radial-gradient(circle at 72% 30%,#343b31,#171b17 65%);color:#e7e6de;position:relative;display:flex;flex-direction:column;padding:34px clamp(25px,3vw,55px) 25px;overflow:hidden}
.mode-visual:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#9ea29525 1px,transparent 1px),linear-gradient(90deg,#9ea29525 1px,transparent 1px);background-size:35px 35px;pointer-events:none}
.mode-box{background:radial-gradient(circle at 75% 30%,#40332a,#181816 69%)}.mode-own{background:radial-gradient(circle at 75% 30%,#223844,#14191d 69%)}
.diagram-label,.diagram-footer{position:relative;z-index:2;font:700 10px/1.35 var(--mono);letter-spacing:.07em;color:#acb5a8}
.network-nodes{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:22px;flex:1;min-height:250px}.node{background:#f2f1e8;color:#151712;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:155px;min-height:151px;padding:20px 10px;box-shadow:0 16px 45px #08090655}.node.core-node{background:var(--orange);transform:rotate(-3deg)}.node strong{font-size:16px;font-weight:830;letter-spacing:-.04em}.node small{font-size:11px;margin-top:5px;color:#54594e}.icon-node{font:400 37px/1 var(--sans);margin-bottom:15px}.node-link{font:700 24px/1 var(--mono);color:#f8a77c;letter-spacing:2px}
.diagram-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid #454b43}.solutions-footnote{font-size:12px;color:#a8aea5;margin:20px 0 0}.solutions-footnote span{color:#ffa06b}
.experience{background:#f5f2ec}.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:65px 0 48px}.experience-heading h2 em{color:#c85e2a}.experience-heading>p{max-width:290px;color:#555952;font-size:18px;line-height:1.5;margin:0 0 10px}
.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d4d0c6;border-bottom:1px solid #d4d0c6}.journey article{padding:40px 29px 52px 0}.journey article+article{border-left:1px solid #d4d0c6;padding-left:28px}.journey-icon{background:var(--ink);color:var(--orange2);font:800 13px var(--mono);width:46px;height:46px;display:grid;place-items:center;border-radius:50%}.journey h3{font-size:25px;line-height:1.1;letter-spacing:-.055em;font-weight:800;margin:40px 0 13px}.journey p{font-size:14px;line-height:1.7;color:#575b53;max-width:280px;margin:0}
.evidence{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,110px);align-items:center;margin-top:100px}.evidence>div:first-child{max-width:570px}.evidence-indicator{font:730 11px/1.4 var(--mono);letter-spacing:.09em;color:#a85228}.evidence h3{font-size:clamp(33px,3.2vw,53px);letter-spacing:-.07em;line-height:1.06;margin:27px 0 20px}.evidence p{font-size:16px;line-height:1.77;color:#575b53;margin:0 0 24px}.evidence-terminal{background:#171c18;color:#f0f1ed;border:1px solid #414a41;box-shadow:17px 18px 0 #e1ddd4;min-height:350px;display:flex;flex-direction:column}.term-title{border-bottom:1px solid #3c463e;display:flex;align-items:center;gap:23px;padding:17px 20px;font:700 10px var(--mono);letter-spacing:.07em;color:#a3aba3}.lights{display:flex;gap:5px}.lights i{display:block;height:8px;width:8px;border-radius:50%;background:#fd7752}.lights i:nth-child(2){background:#eab769}.lights i:nth-child(3){background:#849981}.terminal-text{padding:30px clamp(18px,3vw,41px);font:500 clamp(12px,1.15vw,16px)/2 var(--mono);flex:1;white-space:nowrap}.terminal-text .muted{color:#88978a}.terminal-text .cyan{color:#79c3bf}.terminal-text .ok{color:#91c79b}.terminal-text .amber{color:#f9b98a}.cursor{color:#ffa362}.term-bottom{padding:17px 20px;border-top:1px solid #3c463e;font:690 9px/1.45 var(--mono);letter-spacing:.075em;color:#8d9a8e}
.vision-band{background:var(--orange);padding:48px max(4.8vw,calc((100vw - 1520px)/2))}.vision-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.vision-inner>span{max-width:360px;font:750 12px/1.6 var(--mono);letter-spacing:.045em}.vision-inner strong{font-size:clamp(40px,5vw,80px);letter-spacing:-.08em;line-height:1;font-weight:850}.vision-inner strong span{font-weight:300}
.faq{background:#f5f2ec}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,9vw,160px);padding-top:65px}.faq h2 em{color:#be5a2d}.faq-items{border-top:1px solid #c9c8be}.faq-items details{border-bottom:1px solid #c9c8be}.faq-items summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;font-size:19px;font-weight:760;line-height:1.3;padding:27px 5px;letter-spacing:-.04em}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"+";color:#d16b38;font-size:29px;font-weight:400;line-height:1}.faq-items details[open] summary:after{content:"−"}.faq-items details p{font-size:15px;line-height:1.7;color:#5b5e58;max-width:680px;padding:0 38px 23px 5px;margin:0}
.contact{background:#151815;color:#f1efe9}.contact-grid{display:grid;grid-template-columns:1fr minmax(0,1.12fr);gap:clamp(35px,9vw,160px);padding-top:64px}.contact-eyebrow{font:750 11px var(--mono);letter-spacing:.08em;color:#f39d72}.contact h2{font-size:clamp(58px,5.7vw,100px);margin:26px 0 30px}.contact h2 em{color:var(--orange2)}.contact-intro>p{font-size:17px;color:#a9aea6;line-height:1.72;max-width:490px}.contact-mail{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:50px}.contact-mail>span{font:730 11px var(--mono);letter-spacing:.1em;color:#c0bdb2}.contact-mail a{border-bottom:1px solid #858e84;padding:0 0 12px;overflow-wrap:anywhere;font-weight:800;font-size:clamp(17px,2.15vw,26px);letter-spacing:-.045em}.contact-mail a:hover{color:#ffa877}
.lead-form{background:#f7f5ee;color:var(--ink);padding:clamp(26px,4vw,63px);align-self:start;display:flex;flex-direction:column;gap:22px}.form-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.form-top strong{font-size:24px;letter-spacing:-.055em}.form-top span{font:700 10px var(--mono);color:#7f7d72;white-space:nowrap}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lead-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;letter-spacing:.015em}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{width:100%;min-width:0;color:var(--ink);background:#fefdf9;border:1px solid #c8c4ba;border-radius:0;padding:14px 13px;font-size:14px;font-weight:480;min-height:48px;box-shadow:none;outline-offset:0}.lead-form input::placeholder,.lead-form textarea::placeholder{color:#918f85}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:#c0582a}.lead-form textarea{resize:vertical}.lead-form .agree{display:flex;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.6;font-size:11px;color:#555a52;font-weight:540}.lead-form .agree input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--orange);flex-shrink:0}.form-submit{background:var(--orange);color:#171713;width:100%;justify-content:space-between}.form-submit:hover{background:#ffaa69}.form-feedback{font-size:13px;min-height:0}.form-feedback.error{color:#aa381c}.form-feedback.ok{color:#28754e}.form-disclaimer{font-size:11px;line-height:1.6;color:#73766e;margin:-7px 0 0}
footer{background:#0f120f;color:#d9dbd5;padding:45px max(4.8vw,calc((100vw - 1520px)/2)) 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:54px}.brand-footer .brand-name{color:#fff}.brand-footer .brand-name small{color:#9ca69b}.footer-main>span{font:700 12px var(--mono);letter-spacing:.08em;color:#a5afa3}.footer-main>a:last-child{border-bottom:1px solid #a2a89c;padding-bottom:8px;font-weight:800;font-size:13px}.footer-bottom{border-top:1px solid #323b32;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px;color:#9da59c}.footer-bottom a{color:#e6e8dd;white-space:nowrap}
@media (min-width:1600px){.hero-copy{padding-left:max(9%,calc((100vw - 1520px)/2))}.hero h1{font-size:130px}}
@media (max-width:1180px){.site-header{gap:24px}.nav{gap:18px}.nav a{font-size:12px}.brand-name{font-size:22px}.hero h1{font-size:clamp(70px,7.4vw,110px)}.hero-copy{padding-left:7%}.concept-grid{gap:55px}.mode-copy{padding:37px}.solution-tab{padding:15px;font-size:16px}}
@media (max-width:960px){.site-header{min-height:78px}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fffaf2;padding:20px 5vw 28px;border-bottom:1px solid #d9d5cd;box-shadow:0 24px 35px #1c19151b;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:15px 0;font-size:15px}.menu-toggle{display:flex}.nav-cta{margin-left:auto}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:60px 6% 30px}.hero h1{font-size:clamp(64px,7.6vw,84px);margin:35px 0 24px}.hero-media{min-height:640px}.hero-media-bottom strong{font-size:33px}.concept-grid,.solution-heading,.faq-grid,.contact-grid{gap:44px}.value-grid h3{font-size:22px}.solution-tab{gap:8px;font-size:14px}.solution-heading h2{font-size:60px}.evidence{gap:40px}.journey h3{font-size:22px}.journey article{padding-right:14px}.journey article+article{padding-left:14px}}
@media (max-width:720px){.top-line{font-size:9px}.top-line>span:last-child{display:none}.site-header{min-height:72px;padding:12px 5vw}.nav-cta{padding:11px;font-size:11px;gap:9px;min-height:39px}.brand-symbol{width:37px;height:37px}.brand-name{font-size:21px}.brand-name small{font-size:7px}.hero{grid-template-columns:1fr}.hero-copy{padding:57px 6vw 35px;min-height:600px}.hero h1{font-size:clamp(74px,14vw,120px);margin-top:34px}.hero-lead{font-size:22px}.hero-small{font-size:14px}.hero-media{min-height:500px}.hero-media>img{object-position:50% 48%}.hero-media-bottom strong{font-size:clamp(34px,7vw,52px)}.marquee-track{font-size:14px;gap:24px;min-width:240%}.marquee{height:56px}.section-pad{padding:72px 6vw}.section-index{padding-bottom:20px;font-size:9px}.section-index span:last-child{display:none}.concept-grid,.solution-heading,.faq-grid,.contact-grid,.evidence{grid-template-columns:1fr;gap:24px}.concept-grid{padding:40px 0 50px}.concept-text{padding:0;font-size:16px}.value-grid{grid-template-columns:1fr}.value-grid article,.value-grid article+article{border-left:0;border-bottom:1px solid #d6d1c7;padding:30px 0;min-height:0}.value-grid article:last-child{border-bottom:0}.value-grid h3{margin:16px 0 8px}.solution-heading{margin:45px 0 30px}.solution-heading h2{font-size:clamp(53px,10vw,79px)}.solution-heading>p{font-size:16px}.solution-picker{grid-template-columns:1fr}.solution-tab{min-height:64px;border-right:0;border-bottom:1px solid #41443e;font-size:18px;padding:14px 19px}.solution-tab:last-child{border-bottom:0}.mode-panel{grid-template-columns:1fr}.mode-copy{padding:35px 26px}.mode-visual{min-height:330px}.mode-copy h3{font-size:40px}.experience-heading{align-items:flex-start;flex-direction:column;padding:43px 0 32px}.experience-heading>p{max-width:500px}.journey{grid-template-columns:repeat(2,minmax(0,1fr))}.journey article,.journey article+article{padding:29px 18px 37px 0;border-bottom:1px solid #d4d0c6}.journey article:nth-child(even){padding-left:18px;border-left:1px solid #d4d0c6}.journey article:nth-last-child(-n+2){border-bottom:0}.journey h3{font-size:21px;margin:28px 0 11px}.evidence{margin-top:60px;gap:35px}.evidence-terminal{min-height:340px}.vision-inner{align-items:flex-start;flex-direction:column}.vision-band{padding:43px 6vw}.vision-inner strong{font-size:50px}.faq-grid{padding-top:40px}.faq h2{font-size:56px}.contact-grid{padding-top:43px;gap:45px}.contact h2{font-size:67px}.contact-mail{padding-top:20px}.lead-form{padding:28px 22px}.footer-main{flex-wrap:wrap;gap:26px}.footer-main>span{order:3;flex:1 0 100%}.footer-bottom{flex-wrap:wrap;gap:16px}}
@media (max-width:480px){.hero-copy{min-height:0;padding:48px 6vw 30px}.hero h1{font-size:clamp(66px,17vw,88px);margin:35px 0 28px}.hero-lead{font-size:20px}.hero-footer{padding-top:39px}.hero-media{min-height:410px}.hero-photo-note{top:20px;left:20px;font-size:9px}.hero-media-bottom{left:22px;bottom:26px}.hero-media-bottom strong{font-size:33px}.hero-media-bottom>span{font-size:9px}.hero-buttons{align-items:stretch;flex-direction:column}.button-solid{width:100%;justify-content:space-between}.text-link{align-self:start}.concept h2,.faq h2{font-size:clamp(45px,10vw,59px)}.journey{grid-template-columns:1fr}.journey article,.journey article+article,.journey article:nth-child(even){padding:25px 0 30px;border-left:0;border-bottom:1px solid #d4d0c6}.journey article:last-child{border:0}.journey h3{margin:14px 0 10px}.mode-visual{padding:23px 15px}.network-nodes{gap:10px;min-height:230px}.node{width:122px;min-height:135px;padding:15px 8px}.node strong{font-size:14px}.node-link{letter-spacing:0;font-size:15px}.diagram-label,.diagram-footer{font-size:9px}.terminal-text{font-size:11px;padding:27px 18px}.form-row{grid-template-columns:1fr}.form-top strong{font-size:21px}.lead-form{gap:18px}.brand-name{font-size:18px}.brand-symbol{height:34px;width:34px}.nav-cta{font-size:10px;gap:6px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Last-mile mobile overflow fix. */
.nav-mobile-contact{display:none}
@media(max-width:960px){.nav-mobile-contact{display:block;color:#b65b2c!important;font-weight:800!important}}
@media(max-width:370px){.site-header{gap:8px}.site-header .nav-cta{display:none}.menu-toggle{margin-left:auto;flex-shrink:0}.brand{min-width:0}}

/* V2 - DEVELOPER FIRST / 21-OCT-2026.
   Preserve approved V1 palette, typography, grid, image and B2B infrastructure selector.
   Extra sections explain developer outcomes, proposed coffee-to-credits, and 24/7 ambition. */
.developer-section{background:#fcfaf5}
.developer-heading{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.64fr);align-items:end;gap:clamp(35px,8vw,155px);padding:72px 0 58px}
.dev-kicker{font:700 11px/1.4 var(--mono);color:#bd5e2d;letter-spacing:.06em;display:inline-flex;align-items:center;gap:9px;margin-bottom:30px}
.developer-heading h2{font-size:clamp(46px,5.4vw,83px)}
.developer-heading h2 em{color:#c05b2c}
.developer-lede{font-size:18px;line-height:1.65;color:#5d6259;max-width:520px}
.developer-lede p{margin:0 0 26px}.developer-lede .inline-arrow{font-size:14px}
.developer-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d5d1c8;border-bottom:1px solid #d5d1c8}
.dev-feature{min-height:380px;padding:31px clamp(16px,2.6vw,45px) 27px 0;position:relative;display:flex;flex-direction:column;align-items:flex-start}
.dev-feature+.dev-feature{border-left:1px solid #d5d1c8;padding-left:clamp(16px,2.6vw,45px)}
.dev-feature-num{font:750 10px/1.6 var(--mono);letter-spacing:.06em;color:#be592e}
.dev-feature-symbol{display:flex;align-items:center;gap:10px;margin:32px 0 24px;min-height:58px;color:#181b17;font-size:clamp(30px,3.3vw,52px);font-weight:830;letter-spacing:-.09em;line-height:1}
.dev-feature-symbol span{color:#da743e;font-size:.65em;font-weight:400}
.dev-feature h3{font-size:clamp(22px,1.95vw,31px);font-weight:820;letter-spacing:-.062em;line-height:1.1;margin:0 0 17px}
.dev-feature p{font-size:14px;line-height:1.7;color:#596057;margin:0}
.feature-status{margin-top:auto;padding-top:25px;font:740 10px/1.45 var(--mono);letter-spacing:.06em;color:#b45a31}
.token-section{background:#171916;color:#eeeae1;position:relative;isolation:isolate;overflow:hidden}
.token-section:before{content:"";position:absolute;inset:0 0 auto auto;width:min(50vw,700px);height:650px;border-radius:50%;pointer-events:none;filter:blur(15px);background:radial-gradient(circle,#ed763611,transparent 70%);z-index:-1}
.token-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(45px,7vw,130px);align-items:center;padding:74px 0 66px}
.token-meta{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font:700 10px/1.3 var(--mono);letter-spacing:.06em;color:#aeb5a7}
.token-badge{color:#171916;background:#ef8a50;padding:9px 10px}
.token-copy h2{font-size:clamp(58px,6vw,103px);margin:39px 0 31px;line-height:.97}
.token-copy h2 em{color:#ff9859}
.token-copy p{font-size:16px;line-height:1.78;max-width:575px;color:#c1c5bb;margin:0 0 17px}
.token-copy p strong{color:#f4eee7}
.token-copy .button{margin-top:21px}
.token-display{border:1px solid #505347;background:linear-gradient(160deg,#30332c,#22251f 70%,#1a1d19);padding:clamp(21px,3.1vw,45px);min-height:490px;display:flex;flex-direction:column;box-shadow:19px 19px 0 #0c0d0c}
.token-display-top,.token-display-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font:720 10px/1.4 var(--mono);color:#d7cec5;letter-spacing:.045em}
.token-display-top span:first-child{color:#ffac75}
.token-display-top>span:last-child,.token-display-bottom{font-size:9px;color:#97a096}
.token-display-card{border:1px solid #515d4e;background:linear-gradient(142deg,#384135,#2a3028 80%);padding:25px 31px 29px;margin:33px 0 25px;box-shadow:0 20px 40px #10120e33}
.credit-emblem{background:var(--orange);height:54px;width:54px;border-radius:50% 50% 50% 9px;font:460 36px/54px var(--sans);text-align:center;color:#171916;margin-bottom:22px}
.token-display-card>span{display:block;font:760 10px/1.5 var(--mono);letter-spacing:.1em;color:#a9b1a3}
.token-display-card>strong{display:block;font-size:clamp(29px,3.3vw,52px);font-weight:860;letter-spacing:-.075em;line-height:1;margin:11px 0 18px;white-space:nowrap}
.token-display-card>strong b{font-weight:450;color:#fb945b}
.token-display-card>p{font-size:14px;line-height:1.55;color:#c3ccc0;max-width:350px;margin:0 0 22px}
.token-lines{border-top:1px solid #65706058}
.token-lines>span{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #65706058;font:680 11px/1.4 var(--mono);color:#dee4d9}
.token-lines>span>i{font-style:normal;color:#ffa16d}
.token-lines>span>b{margin-left:auto;color:#f4a873}
.dev-note{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;border-top:1px solid #383f37;padding-top:27px;margin-top:6px}
.dev-note>span{font:760 10px/1.65 var(--mono);color:#f4a271;letter-spacing:.08em}
.dev-note p{font-size:13px;line-height:1.7;color:#bfc5b8;max-width:930px;margin:0}
.dev-note strong{color:#e8e9e3}
.hero-copy .hero-small strong{color:#c05b2c;font-weight:750}
.nav-mobile-contact{color:#ae5429}
/* Show 24/7 as a goal, not as live SLA; no decorative "99.9%" percentages. */
@media(max-width:1180px){
 .developer-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .dev-feature{min-height:315px;padding:30px}
 .dev-feature+.dev-feature{padding-left:30px}
 .dev-feature:nth-child(3){border-left:0;border-top:1px solid #d5d1c8}
 .dev-feature:nth-child(4){border-top:1px solid #d5d1c8}
 .dev-feature h3{font-size:26px}
 .token-display-card>strong{font-size:clamp(29px,3.25vw,45px)}
}
@media(max-width:960px){
 .developer-heading{grid-template-columns:1fr;gap:28px;padding:55px 0 42px}
 .developer-heading h2{font-size:clamp(54px,7.3vw,78px)}
 .developer-lede{max-width:700px}
 .token-grid{grid-template-columns:1fr;gap:39px;padding:54px 0 45px}
 .token-copy h2{font-size:clamp(62px,7vw,95px);margin:25px 0}
 .token-display{min-height:400px;max-width:750px}
 .token-display-card>strong{font-size:clamp(31px,5.1vw,52px)}
 .dev-note{grid-template-columns:1fr;gap:9px}
}
@media(max-width:720px){
 .developer-heading{padding:39px 0}
 .developer-heading h2{font-size:clamp(50px,9.5vw,72px)}
 .developer-lede{font-size:16px}
 .developer-benefits{grid-template-columns:1fr}
 .dev-feature,.dev-feature+.dev-feature{border-left:0;border-top:1px solid #d5d1c8;min-height:0;padding:25px 0 30px}
 .dev-feature:first-child{border-top:0}
 .dev-feature-symbol{margin:20px 0;min-height:38px;font-size:36px}
 .dev-feature h3{font-size:28px;margin-bottom:11px}
 .feature-status{padding-top:22px}
 .token-copy h2{font-size:clamp(52px,10vw,78px)}
 .token-copy p{font-size:15px}
 .token-display{padding:22px 19px;min-height:370px;box-shadow:9px 10px 0 #0c0d0c}
 .token-display-card{padding:23px 19px;margin:23px 0}
 .token-display-card>strong{font-size:clamp(29px,6.5vw,46px)}
 .token-display-top,.token-display-bottom{flex-wrap:wrap}
 .dev-note{margin-top:0}
}
@media(max-width:480px){
 .developer-heading h2{font-size:clamp(42px,11.1vw,56px)}
 .token-copy h2{font-size:clamp(45px,11.3vw,61px)}
 .token-copy .button{width:100%;justify-content:space-between}
 .token-display-card>strong{font-size:clamp(24px,7.5vw,36px)}
 .token-display-card>p{font-size:12px}
 .token-lines>span{font-size:10px}
 .token-display-top>span:last-child{font-size:8px}
 .dev-note p{font-size:12px}
}

/* V2 mobile: prevent long developer-first headline from widening contact grid. */
.contact-grid,.contact-intro,.lead-form{min-width:0}
@media(max-width:720px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact h2{font-size:clamp(47px,10.7vw,61px)}}
@media(max-width:480px){.contact h2{font-size:clamp(44px,11vw,53px)}.form-top{flex-wrap:wrap}}
@media(max-width:355px){.contact h2{font-size:43px}}

/* Legal info page uses the same TraficLabPro/AICafe design system. */
.legal-page{background:var(--ivory);min-height:65vh}
.legal-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(35px,8vw,140px);margin-top:65px}
.legal-layout h1{font-size:clamp(48px,5.5vw,83px);font-weight:840;letter-spacing:-.075em;line-height:1.02;margin:20px 0 25px}
.legal-layout h1 em{font-style:normal;color:#bd582a}
.legal-alert{background:#f2e6d6;border-left:4px solid var(--orange);padding:20px;font-size:14px;line-height:1.65;max-width:530px}
.legal-body section{padding:0 0 26px;margin:0 0 32px;border-bottom:1px solid #d9d4c7}
.legal-body section h2{font-size:27px;letter-spacing:-.045em;line-height:1.17;margin:0 0 13px}
.legal-body section p{font-size:16px;line-height:1.76;color:#4e544d;margin:0}
.legal-body section a{color:#ae5329;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:35px;margin-top:45px}.legal-layout h1{font-size:clamp(48px,8vw,67px)}}
@media(max-width:480px){.legal-layout h1{font-size:clamp(43px,11.5vw,55px)}.legal-body section h2{font-size:25px}}

/* Return path to PANORAMA LAB. */
.portal-service-crumb{background:#20241d;color:#e1e8db;border-bottom:1px solid #475043;padding:12px max(4.8vw,calc((100vw - 1520px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;font:740 10px/1.4 var(--mono);letter-spacing:.04em}
.portal-service-crumb a:hover{color:#fea26d}
.portal-service-crumb>span{color:#abb4a8}
@media(max-width:480px){.portal-service-crumb{flex-wrap:wrap}.portal-service-crumb>span{font-size:9px}}