/* KOC SYSTEMS v0.7.0 */
:root{--black:#070a09;--black-2:#0e1311;--black-3:#151c19;--white:#fff;--paper:#f5f8f6;--paper-2:#edf3f0;--ink:#0c100e;--muted:#627069;--muted-dark:#a9b6b0;--mint:#79f6d2;--mint-2:#a8ffe7;--mint-dark:#16604d;--line:#d9e3de;--line-dark:rgba(255,255,255,.13);--radius:22px;--radius-sm:14px;--max:1240px;--shadow:0 28px 80px rgba(15,34,27,.12);--dark-shadow:0 35px 90px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%;height:auto}.container{width:min(calc(100% - 56px),var(--max));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-90px;z-index:999;background:var(--mint);color:var(--ink);padding:11px 15px;border-radius:10px;font-weight:800}.skip-link:focus{top:16px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--mint-dark);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:var(--mint)}.eyebrow.light{color:var(--mint)}.eyebrow.light:before{background:var(--mint)}.dark-eye{color:#14382f}.dark-eye:before{background:#14382f}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{margin-top:0}p{margin-top:0}.lead{font-size:clamp(1.12rem,1.7vw,1.35rem);line-height:1.65;color:#445049;max-width:700px}.lead.dark{color:#b7c3bd}.section{padding:104px 0}.section.soft{background:var(--paper)}.section.mint-soft{background:#eafff8}.section.dark{background:var(--black);color:var(--white)}.section-head{max-width:790px;margin-bottom:52px}.section-head h2,.section-title{font-size:clamp(2.7rem,5.3vw,5.3rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.section-head p{font-size:1.12rem;color:var(--muted);max-width:680px}.section.dark .section-head p{color:var(--muted-dark)}.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:0 22px;border-radius:12px;font-weight:850;cursor:pointer;transition:.22s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(8,20,15,.18)}.btn span{color:var(--mint)}.btn-mint{background:var(--mint);border-color:var(--mint);color:var(--ink)}.btn-mint span{color:var(--ink)}.btn-white{background:#fff;border-color:#fff;color:var(--ink)}.btn-black{background:var(--ink);border-color:var(--ink);color:#fff}.btn-ghost{background:transparent;color:var(--ink);border-color:#b7c4be}.section.dark .btn-ghost{color:#fff;border-color:#35423c}.text-link{color:var(--mint-dark);font-weight:850;border-bottom:1px solid currentColor}.accent{color:var(--mint-dark)}
/* Header */
.site-header{position:sticky;top:0;z-index:90;background:rgba(7,10,9,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-dark)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:226px;flex:0 0 auto;display:flex;align-items:center}.brand img{width:100%;height:auto}.main-nav{display:flex;align-items:center;gap:24px;color:#d0d9d4;font-size:.91rem;font-weight:720}.main-nav>a,.nav-parent{height:78px;display:flex;align-items:center;position:relative;white-space:nowrap}.main-nav>a:hover,.nav-parent:hover,.main-nav .is-active{color:#fff}.main-nav .is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--mint)}.nav-group{position:relative;display:flex;align-items:center}.nav-caret{border:0;background:transparent;color:#8e9b95;width:25px;cursor:pointer}.nav-dropdown{display:none;position:absolute;top:66px;left:-24px;width:330px;background:#0c110f;border:1px solid var(--line-dark);border-radius:16px;padding:9px;box-shadow:var(--dark-shadow)}.nav-group:hover .nav-dropdown,.nav-group.open .nav-dropdown{display:grid}.nav-dropdown a{padding:13px 14px;border-radius:10px;display:grid;gap:2px}.nav-dropdown a:hover{background:#121a16}.nav-dropdown b{color:#fff;font-size:.92rem}.nav-dropdown span{color:#819087;font-size:.78rem}.nav-cta{height:46px!important;min-width:154px;padding:0 15px!important;display:flex!important;justify-content:space-between;gap:14px;border:1px solid var(--mint)!important;border-radius:11px;color:var(--mint)!important}.nav-cta:after{display:none!important}.nav-cta b{font-size:1rem}.nav-toggle{display:none;border:1px solid var(--line-dark);background:#0d1210;color:#fff;border-radius:10px;min-height:44px;padding:0 13px;align-items:center;gap:8px}.nav-toggle span{width:18px;height:1px;background:#fff}.nav-toggle b{font-size:.8rem}
/* Wire art */
.wire-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.7}.wire-art svg{position:absolute;inset:0;width:100%;height:100%}.wire-art path{fill:none;stroke:rgba(32,136,104,.23);stroke-width:1.4;vector-effect:non-scaling-stroke}.wire-art i{position:absolute;width:13px;height:13px;border:2px solid var(--mint-dark);background:var(--white);border-radius:3px;box-shadow:0 0 0 5px rgba(121,246,210,.14)}.wire-art .w1{left:12%;top:31%}.wire-art .w2{left:43%;top:17%}.wire-art .w3{right:22%;top:45%}.wire-art .w4{left:32%;bottom:16%}.section.dark .wire-art path{stroke:rgba(121,246,210,.22)}.section.dark .wire-art i{background:var(--black);border-color:var(--mint)}
/* Home hero */
.home-hero{position:relative;background:linear-gradient(115deg,#fff 0%,#f7fbf9 56%,#e9fff7 100%);min-height:710px;display:flex;align-items:center;overflow:hidden}.home-hero:after{content:"";position:absolute;right:-180px;top:-170px;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,rgba(121,246,210,.52),rgba(121,246,210,0) 67%)}.hero-home-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:62px;padding:92px 0}.hero-copy h1{font-size:clamp(4.2rem,7.3vw,7.4rem);line-height:.88;letter-spacing:-.07em;margin:0 0 28px;max-width:760px}.hero-copy .lead{margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#55635c;font-size:.86rem;font-weight:720}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof i{width:7px;height:7px;background:var(--mint-dark);border-radius:50%}
/* Concept browser designs */
.concept-stack{height:570px;position:relative;isolation:isolate}.concept-stack:before{content:"";position:absolute;inset:8% 2% 8% 8%;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(121,246,210,.45),rgba(121,246,210,0) 42%);filter:blur(20px);z-index:-1}.concept-browser{position:relative;border:1px solid rgba(10,22,17,.12);border-radius:18px;overflow:hidden;box-shadow:0 28px 70px rgba(21,45,36,.17);background:#fff;transition:transform .18s ease;transform-style:preserve-3d}.browser-top{height:35px;padding:0 12px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.08);gap:10px;background:#f8faf9}.browser-top>span{display:flex;gap:4px}.browser-top i{display:block;width:6px;height:6px;border-radius:50%;background:#c3cbc7}.browser-top small{font:700 .52rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7b8680;letter-spacing:.03em}.browser-top b{margin-left:auto;font-size:.7rem}.concept-label{position:absolute;right:10px;bottom:9px;background:rgba(7,10,9,.86);color:var(--mint);border:1px solid rgba(121,246,210,.45);padding:5px 7px;border-radius:6px;font-size:.48rem;font-weight:900;letter-spacing:.13em}.stack-a,.stack-b,.stack-c{position:absolute;width:72%;height:310px}.stack-a{left:1%;top:8px;transform:rotate(-4deg)}.stack-b{right:0;top:123px;z-index:2;transform:rotate(3deg)}.stack-c{left:5%;bottom:0;z-index:3;transform:rotate(-1deg)}.stack-note{position:absolute;right:2%;bottom:14px;background:var(--ink);color:#fff;padding:10px 13px;border-radius:9px;font-size:.72rem;font-weight:800;z-index:5}.bau-web,.shop-web,.estate-web{height:calc(100% - 35px)}.bau-web{background:#171813;color:#f4f2e8;padding:14px}.bau-nav,.shop-nav,.estate-nav{height:34px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bau-nav b{font-size:.84rem;letter-spacing:-.04em}.bau-nav b span{color:#f7d64d}.bau-nav small{font-size:.38rem;letter-spacing:.14em;color:#9b9c91}.bau-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;height:calc(100% - 34px)}.bau-copy{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.bau-copy em{font-style:normal;color:#f7d64d;font-size:.39rem;font-weight:900;letter-spacing:.16em}.bau-copy h3{font-size:1.48rem;line-height:.92;letter-spacing:-.05em;margin:8px 0 14px}.bau-copy button{align-self:flex-start;background:#f7d64d;border:0;padding:7px 9px;font-size:.45rem;font-weight:900}.bau-photo{position:relative;overflow:hidden;background:linear-gradient(#9ea59e,#dad6c8);min-height:160px}.building{position:absolute;left:17%;right:8%;bottom:-5%;height:74%;background:#9b8e7d;clip-path:polygon(0 26%,65% 0,100% 17%,100% 100%,0 100%)}.building i{position:absolute;width:17%;height:22%;background:#363a37;border:2px solid #d6ceb9}.building i:nth-child(1){left:18%;top:38%}.building i:nth-child(2){left:47%;top:27%}.building i:nth-child(3){right:8%;top:44%}.bau-photo span{position:absolute;left:8px;bottom:7px;font-size:.37rem;color:#fff;font-weight:800;letter-spacing:.1em}.shop-web{background:#f4f0e9;color:#1a1714;padding:13px}.shop-nav b{font-family:Georgia,serif;font-size:.85rem}.shop-nav small{font-size:.37rem;letter-spacing:.12em}.shop-nav span{font-size:.48rem}.shop-body{display:grid;grid-template-columns:.7fr 1.05fr .7fr;gap:8px;height:calc(100% - 34px);align-items:center}.shop-product{display:grid;gap:5px}.shop-product i{display:block;height:145px;background:#b7c0bb;position:relative}.shop-product.p-one i:before{content:"";position:absolute;width:58%;height:74%;left:22%;top:12%;background:#575f5b;border-radius:48% 48% 38% 38%}.shop-product.p-two i{background:#d9c7aa}.shop-product.p-two i:before{content:"";position:absolute;width:58%;height:66%;left:22%;top:18%;border:11px solid #8b6849;border-radius:50%}.shop-product small{font-size:.35rem}.shop-copy{text-align:center}.shop-copy em{font-style:normal;font-size:.37rem;letter-spacing:.18em}.shop-copy h3{font-family:Georgia,serif;font-size:1.3rem;font-weight:500;line-height:.93;margin:7px 0}.shop-copy p{font-size:.42rem;margin:0 0 8px;color:#665f58}.shop-copy button{border:1px solid #1a1714;background:transparent;padding:6px 8px;font-size:.42rem}.estate-web{background:#f8f5ed;color:#1d2a26;padding:13px}.estate-nav b{font-family:Georgia,serif;font-size:.8rem}.estate-nav small{font-size:.34rem;letter-spacing:.15em;color:#8c9b94}.estate-nav span{font-size:.36rem}.estate-body{display:grid;grid-template-columns:1.12fr .88fr;gap:12px;height:calc(100% - 34px)}.estate-photo{position:relative;background:linear-gradient(#c8d3cd 0 55%,#84928a 55%);overflow:hidden}.villa{position:absolute;left:12%;right:8%;bottom:12%;height:48%;background:#eae4d6;clip-path:polygon(0 22%,32% 22%,48% 0,100% 16%,100% 100%,0 100%)}.villa i{position:absolute;left:58%;top:36%;width:21%;height:34%;background:#53635d}.estate-photo small{position:absolute;left:8px;bottom:7px;color:#fff;font-size:.34rem;letter-spacing:.12em}.estate-copy{display:flex;flex-direction:column;justify-content:center}.estate-copy em{font-style:normal;font-size:.34rem;color:#6f7e77;letter-spacing:.1em}.estate-copy h3{font-family:Georgia,serif;font-weight:500;font-size:1.33rem;line-height:.98;margin:8px 0 16px}.estate-search{border-bottom:1px solid #68756f;padding:6px 0;display:flex;justify-content:space-between;font-size:.4rem}
/* Home sections */
.home-intro{background:#fff}.statement-row{display:grid;grid-template-columns:.68fr 1.32fr;gap:70px;align-items:start}.statement-row h2{font-size:clamp(3rem,5.4vw,5.6rem);line-height:.95;letter-spacing:-.06em;margin:0}.statement-row .right-copy{max-width:650px;padding-top:12px}.statement-row .right-copy p{font-size:1.18rem;color:var(--muted);margin-bottom:22px}.showcase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.showcase-strip .concept-browser{height:370px}.service-simple{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.service-simple a{padding:28px 18px 30px;border-right:1px solid var(--line);min-height:210px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.service-simple a:first-child{border-left:1px solid var(--line)}.service-simple a:hover{background:#eafff7;transform:translateY(-4px)}.service-simple small{color:var(--mint-dark);font-weight:900;letter-spacing:.1em}.service-simple h3{font-size:1.36rem;line-height:1.12;letter-spacing:-.03em;margin:18px 0 0}.service-simple b{font-size:1.3rem}.journey{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.journey-copy{position:sticky;top:118px}.journey-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.journey-steps{border-top:1px solid #26312c}.journey-step{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #26312c;padding:26px 0}.journey-step>span{color:var(--mint);font:800 .73rem ui-monospace,monospace}.journey-step h3{margin:0;font-size:1.55rem}.journey-step p{margin:4px 0 0;color:#9aaba3}.journey-step b{color:var(--mint);font-size:1.3rem}.home-system{position:relative;overflow:hidden;background:#eafff8}.home-system-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}.home-system-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.system-pipeline{background:#fff;border:1px solid #cfe2da;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.pipe-row{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center}.pipe-node{min-height:126px;border:1px solid #d3dfd9;border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.pipe-node small{color:#718078;font-size:.68rem;font-weight:800}.pipe-node b{font-size:1.25rem}.pipe-line{height:1px;background:var(--mint-dark);position:relative}.pipe-line:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--mint-dark);border-right:1px solid var(--mint-dark);transform:rotate(45deg)}
/* Shared page hero */
.page-intro{position:relative;overflow:hidden;padding:96px 0 88px;background:#fff}.page-intro-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .95fr;gap:76px;align-items:center}.page-intro h1{font-size:clamp(3.8rem,6.7vw,6.8rem);line-height:.9;letter-spacing:-.065em;margin:0 0 24px}.page-intro .lead{margin-bottom:28px}.page-intro.dark-intro{background:var(--black);color:#fff}.page-intro.dark-intro .lead{color:#b2c0b9}.page-intro.mint-intro{background:#dcfff3}.page-intro.paper-intro{background:var(--paper)}
/* Leistungen unique */
.service-index-hero{background:#fff}.service-index-list{display:grid;border-top:1px solid var(--line)}.service-index-item{display:grid;grid-template-columns:90px 1.1fr .8fr 40px;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.service-index-item small{font-weight:900;color:var(--mint-dark)}.service-index-item h3{margin:0;font-size:2rem;letter-spacing:-.035em}.service-index-item p{margin:0;color:var(--muted)}.service-index-item b{font-size:1.4rem}.quality-band{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.quality-band h2{font-size:clamp(3rem,5vw,5rem);line-height:.97;letter-spacing:-.055em}.quality-tags{display:flex;flex-wrap:wrap;gap:9px}.quality-tags span{border:1px solid #cedbd5;background:#fff;border-radius:999px;padding:10px 14px;font-size:.88rem;font-weight:750}
/* Websites unique */
.websites-stage{background:#dffff4;position:relative;overflow:hidden}.websites-stage .page-intro-grid{grid-template-columns:.8fr 1.2fr}.websites-stage .concept-stack{height:520px}.websites-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.websites-design-grid .concept-browser{height:430px}.principles-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principle{background:#fff;padding:30px;min-height:230px}.principle b{color:var(--mint-dark);font-size:.75rem}.principle h3{margin:55px 0 10px;font-size:1.55rem}.principle p{color:var(--muted);font-size:.95rem}
/* Software unique */
.software-page-hero{background:var(--black);color:#fff}.software-page-hero .page-intro-grid{grid-template-columns:.75fr 1.25fr}.software-visual{height:470px;border:1px solid #2d3a34;border-radius:22px;background:#0d1310;display:grid;grid-template-columns:72px 1fr;overflow:hidden;box-shadow:var(--dark-shadow);position:relative}.software-visual:after{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-130px;background:radial-gradient(circle,rgba(121,246,210,.22),transparent 70%)}.sv-side{border-right:1px solid #27332e;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:18px}.sv-side b{color:var(--mint);font-size:.75rem}.sv-side span{width:32px;height:32px;border:1px solid #34443d;border-radius:9px}.sv-side span.on{background:var(--mint);border-color:var(--mint)}.sv-side i{margin-top:auto;width:30px;height:30px;border-radius:50%;background:#243029}.sv-main{padding:24px}.sv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sv-top span{font-size:1.15rem;font-weight:850}.sv-top small{color:#7d9086;font-size:.64rem}.sv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sv-stats div{border:1px solid #28352f;border-radius:13px;background:#111914;padding:17px}.sv-stats small{color:#81938a}.sv-stats b{display:block;font-size:1.9rem;color:#fff;margin-top:10px}.sv-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;margin-top:10px}.sv-list,.sv-chart{border:1px solid #28352f;border-radius:13px;background:#111914;padding:18px}.sv-list>b,.sv-chart>b{font-size:.8rem}.sv-list span{display:block;color:#aebbb4;border-bottom:1px solid #26332d;padding:12px 0;font-size:.78rem}.sv-list span i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:8px}.sv-chart>div{height:120px;display:flex;align-items:end;gap:10px;margin-top:18px}.sv-chart i{flex:1;height:var(--h);background:linear-gradient(var(--mint),#1b654f);border-radius:4px 4px 0 0}.software-modules{display:grid;grid-template-columns:1.1fr .9fr;gap:64px}.software-module-list{display:grid}.software-module{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.software-module:first-child{border-top:1px solid var(--line)}.software-module span{color:var(--mint-dark);font-weight:900}.software-module h3{font-size:1.45rem;margin:0 0 5px}.software-module p{margin:0;color:var(--muted)}.software-boundary{background:#eafff8;border-radius:24px;padding:34px;align-self:start;position:sticky;top:112px}.software-boundary h3{font-size:2rem}.software-boundary ul{padding-left:20px;color:#395049}
/* SEO unique */
.seo-page-hero{background:#fff}.seo-visual{display:grid;gap:12px;padding:24px;background:#f2f6f4;border:1px solid var(--line);border-radius:22px}.search-box{height:52px;background:#fff;border:1px solid #cfdad5;border-radius:999px;display:flex;align-items:center;padding:0 17px;gap:12px}.search-box span{font-size:1.2rem}.search-box b{font-size:.83rem}.search-box i{margin-left:auto;width:10px;height:10px;background:var(--mint);border-radius:50%}.search-result{background:#fff;border:1px solid #dbe4df;border-radius:14px;padding:20px}.search-result small{color:#598675}.search-result h3{color:#174f91;font-size:1.2rem;margin:6px 0}.search-result p{color:#617069;font-size:.88rem;margin:0}.answer-card{background:var(--black);color:#fff;border-radius:14px;padding:20px;display:grid;grid-template-columns:1fr repeat(3,.65fr);gap:8px}.answer-card>span{color:var(--mint);font-size:.62rem;font-weight:900}.answer-card div{border-left:1px solid #314039;padding-left:10px}.answer-card b{color:var(--mint);font-size:.7rem}.answer-card p{font-size:.68rem;margin:2px 0 0;color:#aebbb4}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.seo-column{padding:34px;border-radius:22px}.seo-column:first-child{background:var(--black);color:#fff}.seo-column:last-child{background:#dffff4}.seo-column h2{font-size:3rem;letter-spacing:-.05em}.seo-column p{font-size:1.05rem}.seo-column:first-child p{color:#afbeb7}.seo-points{display:grid;gap:0;margin-top:28px}.seo-points div{border-top:1px solid currentColor;padding:15px 0;display:flex;justify-content:space-between;gap:18px;opacity:.82}.seo-points b{font-size:.76rem}
/* Automation unique */
.automation-page-hero{background:#ddfff4}.automation-page-hero .page-intro-grid{grid-template-columns:.8fr 1.2fr}.automation-visual{height:410px;position:relative;border:1px solid #bcdacf;background:#fafffd;border-radius:24px;overflow:hidden}.flow-node{position:absolute;width:150px;height:88px;border:1px solid #18392f;border-radius:15px;background:#fff;padding:15px;z-index:2;box-shadow:0 15px 30px rgba(20,60,45,.08)}.flow-node small{display:block;color:#648077;font-size:.58rem;font-weight:900;letter-spacing:.11em}.flow-node b{font-size:1.05rem}.f1{left:5%;top:12%}.f2{left:39%;top:31%}.f3{right:7%;top:11%}.f4{right:18%;bottom:10%}.flow-line{position:absolute;height:1px;background:#17634f;transform-origin:left;z-index:1}.l1{left:17%;top:30%;width:31%;transform:rotate(10deg)}.l2{left:52%;top:39%;width:35%;transform:rotate(-18deg)}.l3{left:52%;top:51%;width:30%;transform:rotate(25deg)}.flow-line:after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;background:var(--mint-dark);border-radius:2px}.pulse{position:absolute;width:13px;height:13px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 10px rgba(121,246,210,.2)}.p1{left:34%;top:34%}.p2{right:31%;bottom:28%}.automation-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.automation-case{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.automation-case small{color:var(--mint-dark);font-weight:900}.automation-case h3{margin:34px 0 10px;font-size:1.5rem}.automation-case p{color:var(--muted)}
/* Branding unique */
.branding-page-hero{background:var(--black);color:#fff}.brand-board{border:1px solid #34413b;border-radius:22px;overflow:hidden;background:#0d1210}.brand-word{min-height:190px;display:flex;align-items:center;padding:28px;border-bottom:1px solid #2d3933;gap:20px}.brand-word span{font-size:4.4rem;font-weight:950;letter-spacing:-.08em;color:var(--mint)}.brand-word b{font-size:2.35rem;font-weight:420;letter-spacing:.16em;color:var(--mint)}.brand-colors{display:grid;grid-template-columns:repeat(3,1fr);height:90px}.sw{display:flex;align-items:end;padding:12px;font-style:normal;font-size:.58rem;font-weight:900}.sw.mint{background:var(--mint);color:#062019}.sw.white{background:#fff;color:#000}.sw.black{background:#050706;color:#fff}.brand-type{padding:22px;color:#fff;display:grid;grid-template-columns:1fr 80px 1.5fr;align-items:end}.brand-type small{color:#7f8f87}.brand-type b{font-size:3.3rem;color:var(--mint);line-height:1}.brand-type span{font-size:.65rem;letter-spacing:.14em;color:#aab8b1}.branding-principles{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:start}.branding-principles h2{font-size:clamp(3.1rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.brand-list{border-top:1px solid var(--line)}.brand-list div{display:grid;grid-template-columns:50px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:18px 0}.brand-list span{color:var(--mint-dark);font-weight:900}.brand-list b{font-size:1.1rem}
/* Projects */
.projects-page-hero{background:#f5f8f6}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-gallery .concept-browser{height:500px}.project-gallery .concept-browser:nth-child(3){grid-column:1/-1;height:560px;width:72%;justify-self:center}.project-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.project-note h2{font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.project-rules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.project-rules span{background:#fff;border:1px solid var(--line);padding:18px;border-radius:12px;font-weight:760}
/* About */
.about-page-hero{background:#fff}.about-mark{height:420px;background:var(--black);border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:34px;color:#fff}.about-mark:before{content:"KOC";position:absolute;left:-20px;top:-75px;font-size:18rem;font-weight:950;letter-spacing:-.1em;color:#10201a}.about-mark:after{content:"SYSTEMS";position:absolute;right:-60px;top:165px;font-size:6rem;font-weight:300;letter-spacing:.18em;color:#173d31;transform:rotate(-90deg)}.about-mark div{position:relative;z-index:2}.about-mark small{color:var(--mint);font-weight:900}.about-mark b{display:block;font-size:2rem;margin-top:6px}.manifesto{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.manifesto h2{font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.055em}.manifesto-points{border-top:1px solid var(--line)}.manifesto-points div{padding:21px 0;border-bottom:1px solid var(--line)}.manifesto-points b{display:block;font-size:1.35rem}.manifesto-points p{color:var(--muted);margin:5px 0 0}
/* FAQ */
.faq-page-hero{background:#eafff8}.faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px}.faq-side{position:sticky;top:116px;align-self:start}.faq-side h2{font-size:2.8rem;letter-spacing:-.05em}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;border:0;background:transparent;color:var(--ink);padding:24px 0;display:flex;justify-content:space-between;gap:22px;text-align:left;font-size:1.15rem;font-weight:850;cursor:pointer}.faq-q span{width:28px;height:28px;border:1px solid #aab9b2;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.faq-a{display:none;padding:0 48px 24px 0;color:var(--muted);font-size:1.02rem}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q span{background:var(--mint);border-color:var(--mint);transform:rotate(45deg)}
/* Contact */
.contact-page-hero{background:var(--black);color:#fff}.contact-page-hero .page-intro-grid{grid-template-columns:.95fr 1.05fr}.contact-signal{border:1px solid #2d3b35;border-radius:22px;background:#0e1512;padding:28px}.contact-signal>small{color:var(--mint);font-weight:900;letter-spacing:.14em}.signal-line{margin:28px 0;display:grid;grid-template-columns:1fr 50px 1fr;align-items:center}.signal-line div{border:1px solid #33413b;border-radius:13px;padding:18px}.signal-line div small{color:#82928a}.signal-line div b{display:block;margin-top:6px}.signal-line i{height:1px;background:var(--mint)}.contact-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:36px;align-items:start}.contact-aside{position:sticky;top:112px;background:#eafff8;border-radius:20px;padding:30px}.contact-aside h3{font-size:1.8rem}.contact-aside a{color:#155f4c;font-weight:800}.form-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:36px;box-shadow:var(--shadow)}.steps{display:flex;gap:7px;margin-bottom:34px}.step-dot{height:4px;flex:1;background:#dbe4df;border-radius:10px}.step-dot.active{background:var(--mint-dark)}.form-step{display:none}.form-step.active{display:block}.form-step h3{font-size:2rem;letter-spacing:-.035em}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:.93rem;font-weight:760}.field input,.field textarea,.field select{width:100%;border:1px solid #cdd9d3;background:#fbfdfc;color:var(--ink);border-radius:11px;padding:14px 15px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--mint-dark);box-shadow:0 0 0 4px rgba(121,246,210,.2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.choice{border:1px solid #d0ddd6;background:#fbfdfc;border-radius:11px;padding:14px;cursor:pointer}.choice:hover{border-color:#5ba890;background:#f1fff9}.choice input{accent-color:var(--mint-dark);margin-right:8px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px}.notice{padding:13px 15px;border:1px solid #d4dfda;background:#f7faf8;border-radius:10px;color:#5d6a64}.notice.success{border-color:#83cdb6;background:#edfff9;color:#155c49}.notice-box{padding:17px;border:1px solid #bfe0d3;background:#f9fffc;border-radius:12px;color:#40534b}.notice-box strong{color:#155f4c}
/* Legal */
.legal-page-hero{background:var(--paper)}.legal-shell{display:grid;grid-template-columns:240px 1fr;gap:70px;align-items:start}.legal-nav{position:sticky;top:112px;border-left:2px solid var(--mint);padding-left:18px;color:var(--muted)}.legal-nav b{display:block;color:var(--ink);margin-bottom:8px}.legal{max-width:860px}.legal h2{font-size:1.8rem;margin:44px 0 12px;letter-spacing:-.025em}.legal h2:first-child{margin-top:0}.legal h3{font-size:1.2rem;margin-top:30px}.legal p,.legal li{color:#52605a;font-size:1rem}.legal a{color:#16634f;font-weight:720}.legal-note{padding:18px 20px;border-left:3px solid var(--mint-dark);background:#eafff8;border-radius:0 12px 12px 0;margin:22px 0}.legal-note b{color:#154c3e}
/* Prefooter/footer */
.prefooter{background:var(--mint);padding:80px 0}.prefooter-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.prefooter h2{font-size:clamp(3rem,5.4vw,5.4rem);line-height:.94;letter-spacing:-.06em;margin:0}.prefooter p{font-size:1.05rem;color:#245346;max-width:520px;margin-bottom:22px}.site-footer{background:var(--black);color:#fff;padding:62px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr .85fr;gap:44px}.footer-brand img{width:240px}.footer-brand p{color:#8fa098;max-width:430px;margin:20px 0}.footer-contact{display:flex;gap:16px;flex-wrap:wrap}.footer-contact a{color:var(--mint)}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid strong{font-size:.8rem;margin-bottom:10px}.footer-grid a{color:#93a29b;font-size:.9rem}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line-dark);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#63716a;font-size:.8rem}
/* Responsive */
@media(max-width:1100px){.main-nav{gap:17px}.brand{width:190px}.hero-home-grid,.page-intro-grid{gap:38px}.service-simple{grid-template-columns:repeat(3,1fr)}.service-simple a:nth-child(4),.service-simple a:nth-child(5){border-top:1px solid var(--line)}.showcase-strip{grid-template-columns:1fr 1fr}.showcase-strip .concept-browser:last-child{grid-column:1/-1}.websites-design-grid{grid-template-columns:1fr 1fr}.websites-design-grid .concept-browser:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1;flex-direction:row;gap:20px}}
@media(max-width:920px){.container{width:min(calc(100% - 34px),var(--max))}.nav-wrap{height:70px}.brand{width:174px}.nav-toggle{display:flex}.nav-toggle span{display:none}.main-nav{display:none;position:absolute;top:70px;left:17px;right:17px;max-height:calc(100vh - 86px);overflow:auto;background:#0a0f0d;border:1px solid var(--line-dark);border-radius:14px;padding:12px;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--dark-shadow)}.main-nav.open{display:flex}.main-nav>a,.nav-parent{height:auto;padding:13px 10px}.main-nav .is-active:after{display:none}.nav-group{display:grid;grid-template-columns:1fr 42px}.nav-caret{font-size:1.1rem}.nav-dropdown{position:static;width:auto;grid-column:1/-1;border:0;border-top:1px solid var(--line-dark);border-radius:0;box-shadow:none;background:transparent}.nav-group:hover .nav-dropdown{display:none}.nav-group.open .nav-dropdown{display:grid}.nav-cta{height:48px!important;margin-top:8px}.hero-home-grid,.page-intro-grid,.statement-row,.journey,.home-system-grid,.quality-band,.software-modules,.branding-principles,.manifesto,.faq-layout,.contact-layout,.prefooter-grid,.legal-shell,.project-note{grid-template-columns:1fr}.home-hero{min-height:auto}.hero-home-grid{padding:74px 0}.hero-copy h1,.page-intro h1{font-size:clamp(3.8rem,10vw,5.7rem)}.concept-stack{height:500px}.showcase-strip,.websites-design-grid,.project-gallery{grid-template-columns:1fr}.showcase-strip .concept-browser:last-child,.websites-design-grid .concept-browser:last-child{grid-column:auto}.project-gallery .concept-browser:nth-child(3){grid-column:auto;width:100%}.service-simple{grid-template-columns:1fr 1fr}.journey-copy,.software-boundary,.faq-side,.contact-aside,.legal-nav{position:static}.page-intro{padding:76px 0}.software-page-hero .page-intro-grid,.websites-stage .page-intro-grid,.automation-page-hero .page-intro-grid,.contact-page-hero .page-intro-grid{grid-template-columns:1fr}.software-visual{height:430px}.seo-columns{grid-template-columns:1fr}.automation-cases{grid-template-columns:1fr 1fr}.principles-row{grid-template-columns:1fr 1fr}.project-rules{grid-template-columns:1fr 1fr}.legal-nav{border-left:0;border-bottom:1px solid var(--line);padding:0 0 18px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto;flex-direction:column}}
@media(max-width:620px){.container{width:min(calc(100% - 26px),var(--max))}.section{padding:76px 0}.home-hero:after{width:330px;height:330px}.hero-copy h1,.page-intro h1{font-size:clamp(3.2rem,15vw,4.55rem)}.lead{font-size:1.05rem}.hero-actions .btn{width:100%}.hero-proof{display:grid;gap:8px}.concept-stack{height:380px}.stack-a,.stack-b,.stack-c{width:86%;height:225px}.stack-a{top:0}.stack-b{top:68px}.stack-c{bottom:0}.stack-note{display:none}.concept-browser{border-radius:13px}.browser-top{height:29px}.bau-web,.shop-web,.estate-web{height:calc(100% - 29px);padding:9px}.bau-copy h3,.shop-copy h3,.estate-copy h3{font-size:1.05rem}.bau-photo{min-height:110px}.shop-product i{height:95px}.showcase-strip .concept-browser,.websites-design-grid .concept-browser,.project-gallery .concept-browser,.project-gallery .concept-browser:nth-child(3){height:330px}.statement-row{gap:24px}.statement-row h2,.section-head h2,.section-title,.journey-copy h2,.home-system-copy h2,.quality-band h2,.branding-principles h2,.project-note h2,.manifesto h2{font-size:clamp(2.6rem,12vw,4rem)}.service-simple{grid-template-columns:1fr}.service-simple a{border-left:1px solid var(--line);border-top:1px solid var(--line);min-height:155px}.journey{gap:36px}.journey-step{grid-template-columns:50px 1fr;padding:20px 0}.journey-step b{display:none}.pipe-row{grid-template-columns:1fr}.pipe-line{width:1px;height:28px;margin:auto}.pipe-line:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.software-visual{height:360px;grid-template-columns:54px 1fr}.sv-side{padding:14px 10px}.sv-side span{width:28px;height:28px}.sv-main{padding:15px}.sv-stats{grid-template-columns:1fr 1fr}.sv-stats div:last-child{display:none}.sv-grid{grid-template-columns:1fr}.sv-chart{display:none}.answer-card{grid-template-columns:1fr 1fr}.answer-card>span{grid-column:1/-1}.automation-visual{height:360px}.flow-node{width:124px;height:78px;padding:12px}.f1{left:4%}.f2{left:31%;top:34%}.f3{right:4%}.f4{right:9%}.automation-cases{grid-template-columns:1fr}.brand-word{min-height:140px}.brand-word span{font-size:3rem}.brand-word b{font-size:1.45rem}.brand-type{grid-template-columns:1fr 65px}.brand-type span{grid-column:1/-1;margin-top:12px}.principles-row{grid-template-columns:1fr}.principle{min-height:180px}.project-rules{grid-template-columns:1fr}.about-mark{height:330px}.about-mark:before{font-size:12rem;top:-40px}.faq-layout{gap:32px}.form-grid,.choices{grid-template-columns:1fr}.form-card{padding:22px}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .btn{width:100%}.prefooter{padding:62px 0}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section-head{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.concept-browser,.service-simple a{transition:none}}
.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.reveal-ready.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}}

/* ===== KOC SYSTEMS v0.7.0 — creative page identities & interactive system ===== */
:root{--v7-mint:#79f6d2;--v7-mint-strong:#46dfb7;--v7-ink:#09110d;--v7-paper:#f7faf8;--v7-line:#d8e4de;--v7-soft:#ebfff8}
body{background:#fff}.site-header{box-shadow:0 1px 0 rgba(255,255,255,.03)}
.main-nav{gap:20px}.nav-cta{min-width:148px}.brand img{filter:none}
.v7-section-row{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:end;margin-bottom:44px}.v7-section-row h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:.94;letter-spacing:-.065em;margin:0;max-width:760px}.v7-section-row>p{font-size:1.06rem;color:#5c6962;max-width:560px;margin:0 0 8px}.light-row>p{color:#9ba9a2}.light-row h2{color:#fff}
/* home */
.v7-home-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0,#f7fffc 52%,#defff4 100%);min-height:760px;display:flex;align-items:center}.v7-home-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(121,246,210,.58),rgba(121,246,210,0) 68%);right:-180px;top:-150px;pointer-events:none}.v7-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center;padding:92px 0}.v7-hero-copy h1{font-size:clamp(4.2rem,7vw,7.3rem);line-height:.89;letter-spacing:-.075em;margin:0 0 26px;max-width:770px}.v7-hero-copy h1 span{color:#1d8065}.v7-hero-copy>p{font-size:1.22rem;color:#47554e;max-width:660px;margin-bottom:28px}.v7-industry-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}.v7-industry-line b{font-size:.76rem;margin-right:4px}.v7-industry-line span{border:1px solid #c7d8d0;background:rgba(255,255,255,.65);border-radius:999px;padding:6px 9px;font-size:.7rem;color:#536159}.hero-live-window{background:#07100c;border:1px solid #15291f;border-radius:21px;box-shadow:0 34px 80px rgba(11,48,35,.24);overflow:hidden;min-height:490px;position:relative}.hero-live-window:after{content:"";position:absolute;inset:auto -90px -120px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(121,246,210,.3),transparent 70%)}.hero-window-top{height:47px;border-bottom:1px solid #1b3026;display:flex;align-items:center;gap:6px;padding:0 16px;color:#6f8278;font:700 .62rem ui-monospace,monospace}.hero-window-top i{width:7px;height:7px;border-radius:50%;background:#35433c}.hero-window-top span{margin-left:8px}.hero-window-top b{margin-left:auto;color:#65e9c4;font-size:.58rem;letter-spacing:.14em}.hero-window-body{min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:34px}.hero-code{display:grid;grid-template-columns:30px 1fr;gap:7px 12px;position:relative;z-index:2}.hero-code small{grid-row:span 2;color:#4c6459;font:700 .62rem ui-monospace,monospace;padding-top:3px}.hero-code b{color:#fff;font-size:.76rem;letter-spacing:.12em}.hero-code span{color:#87a097;font:500 .7rem ui-monospace,monospace;margin-bottom:18px}.hero-orbit{aspect-ratio:1;position:relative;display:grid;place-items:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid #214436;border-radius:50%;inset:12%}.hero-orbit:after{inset:27%;border-color:#2f7e63}.hero-orbit strong{position:relative;color:#07100c;background:var(--mint);width:88px;height:88px;border-radius:24px;display:grid;place-items:center;font-size:1.25rem;letter-spacing:-.04em;box-shadow:0 0 50px rgba(121,246,210,.26)}.hero-orbit i{position:absolute;width:12px;height:12px;border-radius:4px;background:var(--mint);box-shadow:0 0 20px rgba(121,246,210,.8);animation:v7Orbit 6s linear infinite;transform-origin:88px 88px}.hero-orbit i:nth-child(1){left:calc(50% - 94px);top:calc(50% - 6px)}.hero-orbit i:nth-child(2){right:calc(50% - 94px);top:calc(50% - 6px);animation-delay:-2s}.hero-orbit i:nth-child(3){left:calc(50% - 6px);top:calc(50% - 94px);animation-delay:-4s}@keyframes v7Orbit{50%{filter:brightness(1.5);transform:scale(1.35)}100%{transform:scale(1)}}
.v7-proof{background:#fff}.concept-switcher{display:grid;grid-template-columns:160px minmax(0,1fr) 280px;gap:22px;align-items:stretch}.concept-tabs{display:grid;align-content:start;gap:8px}.concept-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 12px;text-align:left;font-weight:800;cursor:pointer}.concept-tabs button.active{background:var(--ink);color:var(--mint);border-color:var(--ink)}.concept-panels{min-width:0}.concept-panels>[data-concept-panel]{display:none}.concept-panels>[data-concept-panel].active{display:block}.concept-panels .concept-browser{height:500px}.concept-sidecopy{border-left:1px solid var(--line);padding:28px 0 28px 24px;align-self:center}.concept-sidecopy>span{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#43846e}.concept-sidecopy h3{font-size:2rem;line-height:1.02;letter-spacing:-.045em;margin:14px 0}.concept-sidecopy p{font-size:.95rem;color:#637068}
.bau-web.detailed,.shop-web.detailed,.estate-web.detailed{padding:18px}.bau-nav button{border:1px solid #6b6c61;color:#f8f7f1;background:transparent;padding:6px 9px;font-size:.4rem}.bau-web.detailed .bau-body{height:calc(100% - 78px)}.bau-web.detailed .bau-copy p{font-size:.42rem;color:#acada5;margin:0 0 11px}.bau-stats{height:44px;border-top:1px solid #414238;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;padding-top:8px}.bau-stats span{font-size:.38rem;color:#aaa}.bau-stats b{display:block;color:#f6d64b;font-size:.72rem}.shop-web.detailed .shop-body{height:calc(100% - 67px)}.shop-ticker{height:33px;border-top:1px solid #cfc7bb;margin-top:4px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:.36rem;letter-spacing:.18em}.estate-price{position:absolute;right:8px;bottom:8px;background:#f7f1e6;padding:7px 8px;font-size:.48rem;font-weight:900}.estate-web.detailed .estate-copy p{font-size:.41rem;color:#827365;margin-top:12px}
.v7-config-teaser{position:relative;overflow:hidden}.config-teaser-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.config-teaser-grid h2{font-size:clamp(3rem,5.4vw,5.4rem);line-height:.94;letter-spacing:-.06em;margin:0 0 18px}.config-teaser-grid>div:first-child p{font-size:1.08rem;color:#406257;max-width:560px}.mini-config{display:grid;grid-template-columns:130px 1fr;border:1px solid #abdcca;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(24,91,69,.14)}.mini-config-controls{background:#0b1511;padding:16px;display:grid;align-content:start;gap:8px}.mini-config-controls button{border:1px solid #263a31;background:transparent;color:#8fa399;border-radius:9px;padding:11px;text-align:left;cursor:pointer}.mini-config-controls button.active{background:var(--mint);color:#08120e;border-color:var(--mint);font-weight:900}.mini-preview{min-height:390px;padding:28px 34px;position:relative;transition:.35s ease}.mini-preview.theme-clean{background:#fff;color:#111}.mini-preview.theme-editorial{background:#efe9df;color:#211c18;font-family:Georgia,serif}.mini-preview.theme-tech{background:#08100c;color:#fff}.mini-nav{display:flex;justify-content:space-between;font-size:.65rem;border-bottom:1px solid currentColor;padding-bottom:14px;opacity:.8}.mini-preview h3{font-size:clamp(2.6rem,4.8vw,5rem);line-height:.9;letter-spacing:-.06em;margin:70px 0 20px}.mini-preview.theme-editorial h3{letter-spacing:-.04em;font-weight:400}.mini-bars{display:flex;gap:7px}.mini-bars i{width:38px;height:6px;background:var(--mint-dark);border-radius:9px}.mini-preview.theme-tech .mini-bars i{background:var(--mint)}.mini-preview button{position:absolute;right:30px;bottom:28px;background:var(--mint);border:0;padding:10px 14px;font-weight:900}
.v7-reference{background:#fff}.reference-card{display:grid;grid-template-columns:1.18fr .82fr;gap:52px;align-items:center}.reference-image{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.reference-image img{aspect-ratio:1.5;object-fit:cover}.reference-image a{position:absolute;right:16px;bottom:16px;background:#07100c;color:var(--mint);padding:10px 13px;border-radius:9px;font-size:.78rem;font-weight:800}.reference-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:0 0 18px}.reference-copy p{font-size:1.08rem;color:#56645d}.reference-tags{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.reference-tags span{background:#edfff8;border:1px solid #c8ebde;padding:7px 9px;border-radius:999px;font-size:.72rem;font-weight:800;color:#28644f}.v7-services{padding:105px 0}.v7-service-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #25332d;border-left:1px solid #25332d}.v7-service-grid a{min-height:240px;border-right:1px solid #25332d;border-bottom:1px solid #25332d;padding:24px;display:flex;flex-direction:column;transition:.22s}.v7-service-grid a:hover{background:#102219;transform:translateY(-5px)}.v7-service-grid span{font-size:.68rem;color:#5a7066}.v7-service-grid h3{font-size:1.5rem;margin:38px 0 12px}.v7-service-grid p{font-size:.85rem;color:#8d9e96}.v7-service-grid b{margin-top:auto;color:var(--mint)}
/* services lab */
.v7-services-lab{background:#f7faf8;padding:90px 0 110px}.services-lab-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:650px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.services-list{display:flex;flex-direction:column;border-right:1px solid var(--line)}.services-list button{flex:1;min-height:108px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:50px 1fr 30px;align-items:center;text-align:left;padding:0 24px;font-size:1.25rem;font-weight:800;cursor:pointer}.services-list button:last-child{border-bottom:0}.services-list button span{font-size:.65rem;color:#7b8a83}.services-list button b{justify-self:end}.services-list button.active{background:#0a110e;color:#fff}.services-list button.active span,.services-list button.active b{color:var(--mint)}.service-stage{padding:58px;position:relative;overflow:hidden;display:flex;flex-direction:column}.service-stage:after{content:"";position:absolute;right:-90px;bottom:-130px;width:360px;height:360px;background:radial-gradient(circle,rgba(121,246,210,.38),transparent 70%)}.service-stage h1{font-size:clamp(3.2rem,5vw,5.7rem);line-height:.92;letter-spacing:-.065em;max-width:760px;margin:12px 0 20px}.service-stage>p{font-size:1.06rem;color:#5e6a64;max-width:600px}.service-stage-screen{height:170px;border:1px solid #16251e;background:#08100c;border-radius:17px;margin:26px 0;position:relative;overflow:hidden}.service-stage-screen i{position:absolute;height:1px;background:#2c6c55;left:28px;right:28px}.service-stage-screen i:nth-child(1){top:45px}.service-stage-screen i:nth-child(2){top:84px;width:62%}.service-stage-screen i:nth-child(3){top:123px;width:38%}.service-stage-screen strong{position:absolute;right:20px;bottom:16px;color:var(--mint);font:800 .7rem ui-monospace,monospace}.service-stage .btn{align-self:flex-start;position:relative;z-index:2}.compact-process{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:1rem;font-weight:850}.compact-process i{font-style:normal;color:#70a492}
/* websites */
.v7-web-designlab{background:#0a0e0c;color:#fff;padding:78px 0 105px;overflow:hidden}.designlab-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.designlab-head small{font:800 .65rem ui-monospace,monospace;color:var(--mint);letter-spacing:.16em}.designlab-head h1{font-size:clamp(3.7rem,7vw,7.1rem);line-height:.88;letter-spacing:-.075em;margin:14px 0 0}.designlab-head h1 span{color:var(--mint)}.designlab-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.designlab-meta span{border:1px solid #314039;color:#9aacA3;padding:7px 9px;border-radius:999px;font-size:.68rem}.designlab-canvas{background:#fff;border-radius:21px;padding:16px;color:#111}.designlab-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:14px}.designlab-toolbar button{border:1px solid #d7e0dc;background:#f8faf9;border-radius:9px;padding:9px 13px;font-weight:800;cursor:pointer}.designlab-toolbar button.active{background:#0b120f;color:var(--mint);border-color:#0b120f}.designlab-toolbar span{margin-left:auto;font-size:.72rem;color:#7d8b84}.designlab-view>[data-web-panel]{display:none}.designlab-view>[data-web-panel].active{display:block}.designlab-view .concept-browser{height:585px;box-shadow:none;border-radius:15px}.v7-three-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.v7-three-points article{background:#fff;padding:34px;min-height:260px}.v7-three-points span{font-size:.7rem;color:#4e8d77;font-weight:900}.v7-three-points h2{font-size:2rem;letter-spacing:-.045em;margin:50px 0 10px}.v7-three-points p{color:#607067}.industries-cloud{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.industries-cloud h2{font-size:clamp(3rem,5vw,5rem);line-height:.95;letter-spacing:-.055em}.industries-cloud p{color:#416459}.industry-cloud{display:flex;flex-wrap:wrap;gap:9px;align-content:center}.industry-cloud span{background:#fff;border:1px solid #bfe2d5;border-radius:999px;padding:10px 13px;font-size:.82rem;font-weight:800}.industry-cloud span:nth-child(3n){background:#0c1511;color:var(--mint);border-color:#0c1511}
/* software */
.v7-software-console{background:#07100c;color:#fff;padding:92px 0;position:relative;overflow:hidden}.v7-software-console:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(121,246,210,.05) 50%,transparent 50.2%)}.software-console-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px;align-items:center}.console-tag{display:inline-flex;border:1px solid #284236;background:#0d1c15;color:var(--mint);padding:7px 10px;border-radius:7px;font:800 .63rem ui-monospace,monospace;letter-spacing:.13em}.software-console-copy h1{font-size:clamp(4rem,6.3vw,6.8rem);line-height:.89;letter-spacing:-.07em;margin:22px 0}.software-console-copy p{font-size:1.12rem;color:#9fb0a7;max-width:570px}.console-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px}.console-actions>span{font-size:.72rem;color:#60766c}.v7-software-console .software-visual{height:500px;box-shadow:0 30px 90px rgba(0,0,0,.28)}.software-story-track{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:stretch}.software-story-track article{border:1px solid var(--line);border-radius:16px;padding:24px;min-height:220px}.software-story-track article b{color:#41866e;font-size:.7rem}.software-story-track article span{display:block;font-size:1.5rem;font-weight:850;margin:42px 0 9px}.software-story-track article p{font-size:.86rem;color:#627168}.software-story-track>i{align-self:center;height:1px;background:#83baa7;position:relative}.software-story-track>i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #4c8b75;border-right:1px solid #4c8b75;transform:rotate(45deg)}.boundary-split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.boundary-split h2{font-size:clamp(3.2rem,5vw,5rem);letter-spacing:-.055em}.boundary-tags{display:flex;gap:8px;flex-wrap:wrap}.boundary-tags span{background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.boundary-split aside{background:#0a120e;color:#fff;border-radius:20px;padding:30px}.boundary-split aside b{font-size:1.5rem}.boundary-split aside p{color:#9cadA5;margin:12px 0 0}
/* seo */
.v7-search-lab{padding:90px 0 100px;background:linear-gradient(180deg,#f1fff9,#fff)}.search-lab-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}.search-lab-query{grid-column:1/-1}.search-lab-query small{font:800 .64rem ui-monospace,monospace;letter-spacing:.15em;color:#357e65}.fake-query{margin-top:14px;border:1px solid #b9d5ca;background:#fff;border-radius:18px;min-height:84px;display:flex;align-items:center;gap:16px;padding:0 24px;box-shadow:0 18px 50px rgba(20,70,52,.09)}.fake-query span{font-size:1.6rem}.fake-query strong{font-size:clamp(1.3rem,2.2vw,2rem);font-weight:650;letter-spacing:-.03em}.fake-query i{width:9px;height:25px;background:#2b7c60;animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}.search-lab-result{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff}.search-lab-copy{background:#08100c;color:#fff;border-radius:20px;padding:38px}.search-lab-copy h1{font-size:clamp(3rem,4.6vw,4.8rem);line-height:.94;letter-spacing:-.06em;margin-bottom:18px}.search-lab-copy p{color:#9eafa6}.seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-steps article{padding:28px;border-left:2px solid var(--mint);background:#f8faf9}.seo-steps b{font-size:.7rem;color:#4d8a75;letter-spacing:.14em}.seo-steps h2{font-size:2rem;margin:35px 0 10px}.seo-steps p{color:#68756e}
/* automation */
.v7-flow-stage{background:#07100c;color:#fff;padding:100px 0;overflow:hidden}.flow-stage-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}.flow-stage-copy>span{font:800 .66rem ui-monospace,monospace;color:var(--mint);letter-spacing:.14em}.flow-stage-copy h1{font-size:clamp(3.6rem,5.7vw,6rem);line-height:.92;letter-spacing:-.065em;margin:18px 0}.flow-stage-copy p{color:#9dafA5;font-size:1.08rem}.flow-stage-visual{position:relative}.flow-stage-visual .automation-visual{height:500px;border-color:#2a4236;background:#0c1712}.flow-readout{position:absolute;right:18px;bottom:18px;background:#07100c;border:1px solid #284437;border-radius:8px;color:#80a596;padding:7px 10px;font:700 .62rem ui-monospace,monospace}.flow-stage-visual.running .pulse{animation-duration:.8s}.flow-stage-visual.running .flow-node{border-color:var(--mint);box-shadow:0 0 25px rgba(121,246,210,.14)}.automation-usecases{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:20px;overflow:hidden}.automation-usecases>button{border:0;border-right:1px solid var(--line);background:#fff;min-height:120px;padding:20px;text-align:left;cursor:pointer}.automation-usecases>button b{display:block;color:#5a947f;font-size:.68rem;margin-bottom:17px}.automation-usecases>button span{font-weight:850}.automation-usecases>button.active{background:#eafff8}.usecase-detail{grid-column:1/-1;background:#09110d;color:#fff;padding:34px}.usecase-detail h2{font-size:2.5rem;letter-spacing:-.05em;margin-bottom:10px}.usecase-detail p{color:#9eaca5;margin:0;max-width:760px}
/* branding */
.v7-brand-poster{background:#79f6d2;padding:80px 0 100px;transition:.35s}.brand-poster-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end}.brand-poster-word{min-height:520px;background:#08100c;color:var(--mint);display:flex;flex-direction:column;justify-content:center;padding:48px;border-radius:22px;position:relative;overflow:hidden}.brand-poster-word:after{content:"";position:absolute;inset:18px;border:1px solid rgba(121,246,210,.25);border-radius:14px}.brand-poster-word span{font-size:clamp(6rem,12vw,12rem);font-weight:950;line-height:.7;letter-spacing:-.09em}.brand-poster-word b{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:.13em;margin-top:30px}.brand-poster-word i{position:absolute;bottom:25px;right:28px;font:700 .62rem ui-monospace,monospace;color:#78a797}.brand-poster-copy small{font:800 .65rem ui-monospace,monospace;letter-spacing:.16em}.brand-poster-copy h1{font-size:clamp(3.3rem,5.2vw,5.7rem);line-height:.92;letter-spacing:-.065em;margin:20px 0}.brand-poster-copy p{max-width:560px;font-size:1.08rem;color:#204b3d}.brand-switch{display:flex;gap:7px;margin-top:30px}.brand-switch button{border:1px solid rgba(7,16,12,.35);background:transparent;border-radius:9px;padding:9px 12px;font-weight:850;cursor:pointer}.brand-switch button.active{background:#08100c;color:var(--mint)}.v7-brand-poster.mode-black{background:#08100c;color:#fff}.v7-brand-poster.mode-black .brand-poster-word{background:#fff;color:#08100c}.v7-brand-poster.mode-black .brand-poster-copy p{color:#9caaa3}.v7-brand-poster.mode-white{background:#fff}.v7-brand-poster.mode-white .brand-poster-word{background:#79f6d2;color:#07100c}.brand-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-parts article{min-height:280px;padding:30px;border:1px solid var(--line);border-radius:18px}.brand-parts span{font-size:.68rem;color:#458770;font-weight:900;letter-spacing:.14em}.brand-parts h2{font-size:2.2rem;margin:70px 0 10px}.brand-parts p{color:#647269}
/* projects */
.v7-projects-hero{background:#f7faf8;padding:86px 0 105px}.projects-index{font:800 .65rem ui-monospace,monospace;color:#3e7b67;letter-spacing:.15em;display:block;margin-bottom:20px}.reference-case{display:grid;grid-template-columns:1.12fr .88fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.case-media{position:relative;background:#e8f2ed}.case-media img{width:100%;height:100%;object-fit:cover;min-height:590px}.case-media a{position:absolute;left:20px;bottom:20px;background:#07100c;color:var(--mint);padding:11px 14px;border-radius:9px;font-size:.78rem;font-weight:850}.case-copy{padding:48px}.case-copy h1{font-size:clamp(3.8rem,5.8vw,6.1rem);line-height:.9;letter-spacing:-.07em;margin-bottom:18px}.case-lead{font-size:1.25rem;color:#526159}.case-facts{border-top:1px solid var(--line);margin:30px 0}.case-facts>div{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.case-facts b{font-size:.76rem}.case-facts span{font-size:.85rem;color:#607067}.case-copy>p:last-child{font-size:.84rem;color:#718078}.project-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-concepts .concept-browser{height:360px}
/* about */
.v7-about-manifesto{padding:96px 0;background:#fff}.about-manifesto-grid{display:grid;grid-template-columns:220px 1fr;gap:62px;align-items:start}.about-number{font-size:clamp(5rem,10vw,10rem);line-height:.66;font-weight:950;letter-spacing:-.12em;color:var(--mint);text-shadow:1px 1px 0 #0a130f}.about-manifesto-grid h1{font-size:clamp(3.5rem,6vw,6.5rem);line-height:.92;letter-spacing:-.07em;margin:0;max-width:1000px}.about-lead{font-size:1.18rem;color:#53625b;max-width:760px;margin:34px 0}.founder-line{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:20px}.founder-line b{font-size:1rem}.founder-line span{font-size:.82rem;color:#718077}.manifesto-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.manifesto-rules article{background:#0a120e;color:#fff;border-radius:18px;padding:28px;min-height:260px}.manifesto-rules b{color:var(--mint);font-size:.72rem}.manifesto-rules h2{font-size:2rem;margin:70px 0 10px}.manifesto-rules p{color:#9aa9a1}
/* faq */
.v7-faq-search{padding:90px 0 110px;background:#f7faf8}.faq-search-head{max-width:920px;margin-bottom:45px}.faq-search-head>span{font:800 .65rem ui-monospace,monospace;color:#3f806a;letter-spacing:.14em}.faq-search-head h1{font-size:clamp(4rem,7vw,7rem);line-height:.9;letter-spacing:-.07em;margin:18px 0 28px}.faq-search-head label{height:66px;border:1px solid #bfd1c8;background:#fff;border-radius:15px;display:flex;align-items:center;gap:14px;padding:0 18px;box-shadow:0 16px 40px rgba(20,60,44,.07)}.faq-search-head label i{font-style:normal;font-size:1.4rem}.faq-search-head input{border:0;outline:0;width:100%;font-size:1.05rem}.faq-modern{border-top:1px solid var(--line)}.faq-modern .faq-item{border-bottom:1px solid var(--line)}.faq-modern .faq-q{width:100%;border:0;background:transparent;display:grid;grid-template-columns:70px 1fr 40px;gap:18px;align-items:center;text-align:left;padding:24px 0;cursor:pointer}.faq-modern .faq-q span{color:#4f8774;font-size:.72rem;font-weight:900}.faq-modern .faq-q b{font-size:1.3rem}.faq-modern .faq-q i{justify-self:end;font-style:normal;font-size:1.6rem}.faq-modern .faq-a{display:none;padding:0 70px 25px 88px;color:#617069}.faq-modern .faq-item.open .faq-a{display:block}.faq-modern .faq-item.open .faq-q i{transform:rotate(45deg)}.faq-empty{display:none;padding:30px 0;color:#617069}.faq-empty.show{display:block}.faq-empty a{color:#167458;font-weight:850}
/* configurator */
.v7-configurator{background:#eef7f3;padding:76px 0 100px}.configurator-shell{display:grid;grid-template-columns:300px 1fr;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(21,60,44,.1)}.config-sidebar{background:#08100c;color:#fff;padding:34px;position:relative;overflow:hidden}.config-sidebar:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(121,246,210,.28),transparent 70%);left:-80px;bottom:-60px}.config-sidebar>span{font:800 .62rem ui-monospace,monospace;color:var(--mint);letter-spacing:.14em}.config-sidebar h1{font-size:2.8rem;line-height:.92;letter-spacing:-.06em;margin:58px 0 18px}.config-sidebar p{font-size:.9rem;color:#91a399;position:relative;z-index:2}.config-progress{display:flex;gap:6px;margin-top:18px}.config-progress i{height:3px;flex:1;background:#22342b}.config-progress i.active{background:var(--mint)}.config-main{display:grid;grid-template-columns:1fr 1fr;min-width:0}.config-controls{padding:34px;border-right:1px solid var(--line);max-height:760px;overflow:auto}.config-group{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--line)}.config-group:last-child{border-bottom:0}.config-group small{color:#4f8874;font-size:.62rem;font-weight:900;letter-spacing:.12em}.config-group h2{font-size:1.35rem;margin:8px 0 12px}.config-options{display:flex;gap:7px;flex-wrap:wrap}.config-options button{border:1px solid #cddad4;background:#fff;border-radius:9px;padding:9px 11px;font-size:.78rem;font-weight:800;cursor:pointer}.config-options button.active{background:#07100c;color:var(--mint);border-color:#07100c}.config-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.config-checks label{border:1px solid #d5dfda;border-radius:9px;padding:9px;font-size:.76rem;cursor:pointer}.config-checks input{accent-color:#2b8b6d}.config-preview-wrap{padding:30px;background:#f8faf9;display:flex;flex-direction:column}.config-preview{background:#fff;border:1px solid #d4dfda;border-radius:16px;min-height:500px;padding:26px;position:relative;overflow:hidden;transition:.35s}.config-preview:after{content:"";position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(121,246,210,.4),transparent 70%);right:-90px;bottom:-100px}.cp-top{display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:13px;font-size:.62rem;opacity:.8}.cp-body{margin-top:74px;position:relative;z-index:2}.cp-body small{font-size:.56rem;font-weight:900;letter-spacing:.14em}.cp-body h3{font-size:3.6rem;line-height:.89;letter-spacing:-.065em;margin:12px 0 15px}.cp-body h3 em{font-style:normal;color:#1d8668}.cp-body p{font-size:.84rem;opacity:.65}.cp-body button{border:0;background:#07100c;color:#fff;padding:10px 13px;font-weight:850}.cp-modules{position:absolute;left:26px;bottom:24px;display:flex;gap:7px}.cp-modules i{display:block;width:55px;height:8px;background:#d7e3dd;border-radius:10px}.config-preview[data-style="Editorial"]{background:#efe9df;font-family:Georgia,serif;color:#261e18}.config-preview[data-style="Technical"]{background:#07100c;color:#fff;font-family:ui-monospace,monospace}.config-preview[data-style="Technical"] .cp-body button{background:var(--mint);color:#07100c}.config-preview[data-style="Premium"]{background:#111;color:#fff}.config-preview[data-style="Premium"] .cp-body h3 em{color:var(--mint)}.config-preview[data-font="Wide Tech"] .cp-body h3{font-family:ui-monospace,monospace;letter-spacing:-.08em}.config-preview[data-font="Editorial Serif"] .cp-body h3{font-family:Georgia,serif;font-weight:400}.config-preview[data-motion="Dynamic"] .cp-modules i{animation:configPulse 1.1s ease-in-out infinite alternate}.config-preview[data-motion="Dynamic"] .cp-modules i:nth-child(2){animation-delay:.2s}.config-preview[data-motion="Dynamic"] .cp-modules i:nth-child(3){animation-delay:.4s}@keyframes configPulse{to{width:85px;background:var(--mint)}}.config-summary{margin-top:auto;padding-top:18px}.config-summary span{display:block;font-size:.62rem;color:#6d7b74;font-weight:900;letter-spacing:.11em}.config-summary strong{display:block;margin:5px 0 15px;font-size:.86rem}.config-summary .btn{width:100%}
/* contact */
.v7-contact{padding:82px 0;background:#fff}.contact-v7-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}.contact-v7-grid>aside{position:sticky;top:112px}.contact-v7-grid>aside>span{font:800 .65rem ui-monospace,monospace;color:#3e7d68;letter-spacing:.14em}.contact-v7-grid>aside h1{font-size:clamp(4rem,6vw,6.3rem);line-height:.9;letter-spacing:-.07em;margin:18px 0}.contact-v7-grid>aside p{color:#637168;max-width:430px}.contact-direct{display:grid;gap:6px;margin-top:30px}.contact-direct a{font-weight:850;color:#177157}.v7-form{box-shadow:none;border-radius:20px}.v7-form .stepbar{display:flex;gap:8px;margin-bottom:34px}.v7-form .step-dot{height:28px;flex:0 0 42px;border-radius:9px;background:#edf2ef;color:#849087;display:grid;place-items:center;font-size:.65rem;font-weight:900}.v7-form .step-dot.active{background:#07100c;color:var(--mint)}.v7-form .form-step>small{font-size:.62rem;color:#4e8874;font-weight:900;letter-spacing:.12em}.v7-form .form-step h2{font-size:2rem;letter-spacing:-.04em;margin:8px 0 20px}.config-import{background:#eafff8;border:1px solid #c5ebdd;border-radius:12px;padding:14px;margin:12px 0}.config-import b{font-size:.78rem}.config-import p{font-size:.78rem;color:#47685c;margin:4px 0 0}.privacy-check{display:flex;gap:10px;margin:18px 0;font-size:.82rem}.privacy-check input{accent-color:#2c8d6d}.hp{position:absolute!important;left:-9999px!important}
/* responsive v7 */
@media(max-width:1120px){.v7-hero-grid,.config-teaser-grid,.reference-card,.software-console-grid,.flow-stage-grid,.brand-poster-grid{gap:40px}.v7-service-grid{grid-template-columns:repeat(3,1fr)}.v7-service-grid a:nth-child(4),.v7-service-grid a:nth-child(5){min-height:190px}.concept-switcher{grid-template-columns:140px 1fr}.concept-sidecopy{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.project-concepts{grid-template-columns:1fr 1fr}.project-concepts .concept-browser:last-child{grid-column:1/-1}.software-story-track{grid-template-columns:1fr 20px 1fr}.software-story-track article:nth-of-type(n+3),.software-story-track>i:nth-of-type(n+3){margin-top:18px}.software-story-track{display:grid}.software-story-track article{min-height:200px}.configurator-shell{grid-template-columns:240px 1fr}.config-main{grid-template-columns:1fr}.config-controls{max-height:none;border-right:0;border-bottom:1px solid var(--line)}.config-preview-wrap{min-height:650px}}
@media(max-width:920px){.v7-hero-grid,.v7-section-row,.config-teaser-grid,.reference-card,.services-lab-grid,.software-console-grid,.boundary-split,.flow-stage-grid,.brand-poster-grid,.search-lab-inner,.reference-case,.about-manifesto-grid,.contact-v7-grid,.industries-cloud{grid-template-columns:1fr}.v7-home-hero{min-height:auto}.v7-hero-grid{padding:74px 0}.hero-live-window{min-height:400px}.hero-window-body{min-height:355px}.v7-section-row{gap:22px}.concept-switcher{grid-template-columns:1fr}.concept-tabs{display:flex;flex-wrap:wrap}.concept-panels .concept-browser{height:470px}.concept-sidecopy{grid-column:auto}.mini-config{grid-template-columns:110px 1fr}.reference-copy{padding-bottom:10px}.v7-service-grid{grid-template-columns:1fr 1fr}.services-lab-grid{min-height:auto}.services-list{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.services-list button{min-height:80px}.services-list button:last-child{grid-column:1/-1}.service-stage{padding:38px}.designlab-head{align-items:flex-start;flex-direction:column}.designlab-meta{justify-content:flex-start}.v7-three-points,.seo-steps,.brand-parts,.manifesto-rules{grid-template-columns:1fr}.v7-three-points article,.brand-parts article,.manifesto-rules article{min-height:auto}.v7-three-points h2,.brand-parts h2,.manifesto-rules h2{margin-top:30px}.software-story-track{grid-template-columns:1fr}.software-story-track>i{width:1px;height:28px;justify-self:center}.software-story-track>i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.automation-usecases{grid-template-columns:1fr 1fr}.automation-usecases>button:nth-child(2){border-right:0}.usecase-detail{grid-column:1/-1}.search-lab-result,.search-lab-copy{min-height:auto}.reference-case{border-radius:20px}.case-media img{min-height:auto}.about-number{font-size:6rem;line-height:.8;display:flex;gap:10px}.about-manifesto-grid{gap:30px}.configurator-shell{grid-template-columns:1fr}.config-sidebar{min-height:260px}.config-sidebar h1{margin-top:35px}.contact-v7-grid>aside{position:static}}
@media(max-width:620px){.v7-home-hero .wire-art{opacity:.35}.v7-hero-copy h1,.designlab-head h1,.software-console-copy h1,.flow-stage-copy h1,.faq-search-head h1,.contact-v7-grid>aside h1,.about-manifesto-grid h1{font-size:clamp(3.2rem,14vw,4.6rem)}.v7-hero-copy>p{font-size:1.05rem}.hero-window-body{grid-template-columns:1fr;padding:22px}.hero-orbit{display:none}.hero-live-window{min-height:340px}.hero-code{padding-top:12px}.v7-industry-line span:nth-of-type(n+5){display:none}.concept-tabs{display:grid;grid-template-columns:1fr}.concept-tabs button{text-align:center}.concept-panels .concept-browser{height:390px}.bau-nav small,.shop-nav small,.estate-nav small{display:none}.bau-nav button{display:none}.bau-stats{grid-template-columns:repeat(3,1fr)}.config-teaser-grid h2,.reference-copy h2,.v7-section-row h2,.industries-cloud h2,.boundary-split h2{font-size:clamp(2.7rem,12vw,4rem)}.mini-config{grid-template-columns:1fr}.mini-config-controls{display:flex;overflow:auto}.mini-config-controls button{min-width:85px}.mini-preview{min-height:330px}.mini-preview h3{margin-top:50px;font-size:3.2rem}.reference-image a{position:static;display:block;border-radius:0;text-align:center}.v7-service-grid{grid-template-columns:1fr}.v7-service-grid a{min-height:170px}.services-list{grid-template-columns:1fr}.services-list button:last-child{grid-column:auto}.service-stage{padding:28px 22px}.service-stage h1{font-size:3.2rem}.designlab-canvas{padding:10px}.designlab-toolbar{overflow:auto}.designlab-toolbar span{display:none}.designlab-view .concept-browser{height:390px}.v7-three-points{display:grid}.industry-cloud span{font-size:.75rem}.v7-software-console .software-visual{height:370px}.console-actions .btn{width:100%}.software-story-track article{min-height:auto}.automation-usecases{grid-template-columns:1fr}.automation-usecases>button{border-right:0;border-bottom:1px solid var(--line);min-height:92px}.flow-stage-visual .automation-visual{height:390px}.brand-poster-word{min-height:330px;padding:26px}.brand-poster-word span{font-size:6rem}.brand-poster-word b{font-size:2rem}.brand-poster-copy h1{font-size:3.3rem}.brand-parts article{min-height:auto}.case-copy{padding:28px 22px}.case-copy h1{font-size:3.7rem}.case-facts>div{grid-template-columns:1fr;gap:4px}.project-concepts{grid-template-columns:1fr}.project-concepts .concept-browser:last-child{grid-column:auto}.project-concepts .concept-browser{height:330px}.about-number{font-size:4.5rem}.founder-line{align-items:flex-start;flex-direction:column;gap:4px}.faq-modern .faq-q{grid-template-columns:42px 1fr 25px;gap:10px}.faq-modern .faq-q b{font-size:1.05rem}.faq-modern .faq-a{padding:0 0 20px 52px}.config-sidebar{padding:26px}.config-main{min-width:0}.config-controls,.config-preview-wrap{padding:22px 16px}.config-checks{grid-template-columns:1fr}.config-preview{min-height:390px;padding:20px}.cp-body{margin-top:52px}.cp-body h3{font-size:2.8rem}.cp-top span{display:none}.contact-v7-grid{gap:35px}.v7-form{padding:22px 16px}.v7-form .choices,.v7-form .form-grid{grid-template-columns:1fr}.v7-form .form-actions{flex-direction:column-reverse}.v7-form .form-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-orbit i,.fake-query i,.config-preview[data-motion="Dynamic"] .cp-modules i{animation:none}}

/* ===== KOC SYSTEMS v0.8.0 – Booking & Briefing ===== */
.v8-contact{padding:88px 0 110px;background:linear-gradient(180deg,#f7fffb 0,#fff 42%,#eefbf6 100%)}
.contact-v8-head{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:42px}.contact-v8-head h1{font-size:clamp(3.5rem,7vw,7rem);line-height:.9;letter-spacing:-.075em;margin:10px 0 0}.contact-v8-head h1 em{color:#2b8e70;font-style:normal}.contact-v8-head>p{font-size:1.08rem;line-height:1.65;color:#52635b;max-width:620px}.contact-v8-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.contact-route{position:sticky;top:110px;display:grid;gap:10px}.route-step{display:flex;align-items:center;gap:12px;padding:12px;border-left:2px solid #d6e4dd;color:#819087}.route-step b{font:800 .7rem ui-monospace,monospace}.route-step span{font-weight:800}.route-step.active{border-color:#79f6d2;color:#0b1711;background:#f4fffb}.contact-route .contact-direct{margin:20px 0 0;padding-top:18px;border-top:1px solid #dbe6e0}.v8-form{border:1px solid #d8e5de;background:#fff;border-radius:24px;padding:clamp(22px,4vw,46px);box-shadow:0 30px 80px rgba(25,72,55,.08)}.v8-form .form-step h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em}.field-help{display:block;color:#73827a;font-size:.78rem;margin-top:7px}.form-error{min-height:22px;color:#a33f3f;font-size:.82rem;font-weight:800;margin-top:10px}.field-invalid{outline:2px solid #d55b5b!important;outline-offset:2px}.booking-calendar{border:1px solid #d8e5de;border-radius:18px;padding:16px;background:#f9fcfa}.calendar-dates{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.calendar-date{flex:0 0 auto;border:1px solid #d5e1db;background:#fff;border-radius:12px;padding:10px 14px;font-weight:850;cursor:pointer}.calendar-date.active{background:#07100c;color:#79f6d2;border-color:#07100c}.calendar-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0}.time-slot input{position:absolute;opacity:0;pointer-events:none}.time-slot span{display:grid;place-items:center;border:1px solid #d4e0da;border-radius:11px;padding:12px;background:#fff;font-weight:850;cursor:pointer}.time-slot input:checked+span{background:#79f6d2;border-color:#43c9a2;color:#07100c;box-shadow:0 0 0 2px rgba(121,246,210,.2)}.calendar-selected{font-size:.82rem;color:#49645a;margin:4px 0 0}.privacy-status{font-size:.78rem;font-weight:800;color:#9a5c5c;margin:-9px 0 16px 30px}.privacy-status.ok{color:#28745e}.privacy-check input{width:20px;height:20px;flex:0 0 20px}.briefing-page{padding:90px 0 110px;background:#f3f8f5}.briefing-shell{max-width:1050px}.briefing-intro,.briefing-success{background:#07100c;color:#fff;border-radius:26px;padding:clamp(28px,5vw,58px);margin-bottom:20px}.briefing-intro span,.briefing-success span{font:800 .7rem ui-monospace,monospace;letter-spacing:.14em;color:#79f6d2}.briefing-intro h1,.briefing-success h1{font-size:clamp(2.8rem,6vw,5.7rem);letter-spacing:-.065em;margin:12px 0}.briefing-intro p,.briefing-success p{color:#b3c4bb;max-width:760px;font-size:1.05rem;line-height:1.65}.briefing-form{display:grid;gap:16px}.briefing-form fieldset{border:1px solid #d7e3dd;background:#fff;border-radius:20px;padding:24px}.briefing-form legend{font-size:1.25rem;font-weight:900;padding:0 8px}.briefing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.briefing-grid .wide{grid-column:1/-1}
@media(max-width:820px){.contact-v8-head{grid-template-columns:1fr;gap:18px}.contact-v8-grid{grid-template-columns:1fr}.contact-route{position:static;grid-template-columns:repeat(4,1fr);overflow:auto}.contact-route .contact-direct{display:none}.calendar-times{grid-template-columns:repeat(3,1fr)}.briefing-grid{grid-template-columns:1fr}.briefing-grid .wide{grid-column:auto}}
@media(max-width:520px){.calendar-times{grid-template-columns:repeat(2,1fr)}.contact-route{grid-template-columns:repeat(4,minmax(95px,1fr))}.route-step{padding:9px}.v8-form{border-radius:18px}}

/* ===== KOC SYSTEMS v0.9.0 ===== */
.v9-story-hero{padding:112px 0 88px;background:linear-gradient(135deg,#f8fffc 0%,#e5fff6 58%,#fff 100%);border-bottom:1px solid var(--line)}
.v9-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:72px;align-items:end}.v9-story-grid h1{font-size:clamp(3.7rem,6.7vw,7rem);line-height:.9;letter-spacing:-.065em;margin:18px 0 28px}.v9-story-grid h1 em{font-style:normal;color:#16866b}.v9-story-grid .lead{max-width:760px;font-size:1.25rem}.story-card{background:#07100c;color:#fff;border:1px solid #18382c;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(7,16,12,.12)}.story-card small{color:var(--mint);font-weight:900;letter-spacing:.13em}.story-card blockquote{font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.08;letter-spacing:-.04em;margin:46px 0 36px}.story-card span{color:#a9bcb3}.story-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-flow article{min-height:310px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.story-flow article>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--mint-soft);color:#126f58;font-weight:950}.story-flow h2{font-size:1.8rem;letter-spacing:-.04em;margin:72px 0 12px}.story-flow p{color:var(--muted);line-height:1.7}.story-principles{background:#f7fbf9}.story-no-photo{padding-top:28px}.story-no-photo-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid var(--line);padding-top:42px}.story-no-photo h2{font-size:clamp(2.6rem,4vw,4.2rem);line-height:.98;letter-spacing:-.05em}.story-no-photo p{font-size:1.15rem;color:var(--muted);line-height:1.75;max-width:690px}
.v9-home-story{background:#fff}.home-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.home-story-grid h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.95;letter-spacing:-.055em;margin:14px 0 24px}.home-story-grid>div:first-child p{font-size:1.1rem;color:var(--muted);line-height:1.75;max-width:680px}.home-story-points{display:grid;border-top:1px solid var(--line)}.home-story-points span{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--line);color:var(--muted)}.home-story-points b{font-size:1.2rem;color:var(--ink)}
.consulting-note{display:grid;gap:5px;margin-top:20px;padding:16px 18px;border:1px solid rgba(7,16,12,.13);border-radius:14px;background:#fff}.consulting-note b{font-size:.72rem;letter-spacing:.12em;color:#16765d}.consulting-note span{font-size:.92rem;color:#405149}.privacy-box{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;margin:22px 0 8px;padding:16px;border:1px solid #cbdad3;border-radius:14px;background:#fff}.privacy-box input{width:20px!important;height:20px!important;margin:2px 0 0;accent-color:#1e9e7c;cursor:pointer}.privacy-box label{margin:0!important;font-weight:650!important;line-height:1.55;cursor:pointer}.privacy-box a{text-decoration:underline;text-underline-offset:3px}.privacy-status{font-size:.78rem;color:#7b4d3e;margin-bottom:10px}.privacy-status.ok{color:#177157;font-weight:800}.briefing-fallback{margin-top:16px;padding:18px;border-radius:14px;background:#edfff8;border:1px solid #b5ead8}.briefing-fallback p{margin-top:0}.calendar-weekend{display:block;margin-top:12px;color:var(--muted)}
@media(max-width:920px){.v9-story-grid,.home-story-grid,.story-no-photo-grid{grid-template-columns:1fr}.story-flow{grid-template-columns:1fr}.story-flow article{min-height:0}.story-flow h2{margin-top:32px}.v9-story-hero{padding:86px 0 64px}}
@media(max-width:560px){.v9-story-grid h1{font-size:3.3rem}.story-card{padding:24px}.story-card blockquote{margin:32px 0 26px}.privacy-box{grid-template-columns:22px 1fr;padding:14px}}
/* ===== KOC SYSTEMS v0.9.0 – Secure customer portal ===== */
.portal-body{margin:0;background:#f5faf8;color:#07100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.portal-shell{min-height:100vh;display:flex;flex-direction:column}.portal-head{height:78px;display:flex;align-items:center;gap:22px;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #cfe4dc;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.portal-head img,.portal-gate img{width:min(250px,52vw);height:auto;object-fit:contain}.portal-head div{display:grid;margin-left:auto;text-align:right}.portal-head small{font-size:10px;letter-spacing:.16em;color:#688078}.portal-head b{font-size:13px}.portal-head>a{margin-left:14px;color:#07100d;font-size:13px;font-weight:800}.portal-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:64px 0 90px}.portal-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:44px;border-bottom:1px solid #cfe4dc}.portal-hero h1{font-size:clamp(38px,6vw,74px);line-height:.95;letter-spacing:-.055em;margin:12px 0}.portal-hero p{font-size:18px;color:#667b74}.portal-status{min-width:210px;padding:24px;border-radius:18px;background:#07100d;color:#fff;box-shadow:0 20px 50px rgba(7,16,13,.12)}.portal-status span{display:block;color:#79f6d2;font-size:20px;font-weight:850;text-transform:uppercase}.portal-status small{display:block;margin-top:8px;color:#c2d0cb}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.portal-card{padding:32px;border:1px solid #cfe4dc;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(31,72,57,.06)}.portal-wide{grid-column:1/-1}.portal-card>small{letter-spacing:.15em;color:#4c6f63;font-size:10px;font-weight:800}.portal-card h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;margin:10px 0 14px}.portal-card p{color:#667b74;line-height:1.7}.portal-link{display:inline-flex;margin-top:12px;font-weight:800;color:#07100d;border-bottom:2px solid #79f6d2}.portal-list,.portal-files{display:grid;gap:10px;margin-top:22px}.portal-list>div,.portal-files>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e2eee9}.portal-list i{width:10px;height:10px;border-radius:50%;background:#d2dad7}.portal-list i.doing{background:#79f6d2;box-shadow:0 0 0 5px rgba(121,246,210,.22)}.portal-list i.done{background:#07100d}.portal-list span,.portal-files span{display:grid;gap:3px}.portal-list small,.portal-files small{color:#71847d}.portal-files>a{justify-content:space-between;color:#07100d}.portal-files i{font-style:normal;font-size:20px}.portal-form{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:14px;margin-top:24px}.portal-form label,.portal-gate label{display:grid;gap:7px;font-size:12px;font-weight:800}.portal-form input,.portal-form textarea,.portal-gate input{width:100%;box-sizing:border-box;border:1px solid #bdd6cc;border-radius:12px;background:#fbfefd;padding:14px 15px;font:inherit;color:#07100d}.portal-form textarea{min-height:100px;resize:vertical}.portal-message-history{margin-top:28px;border-top:1px solid #dbeae4;padding-top:22px}.portal-message-history article{padding:15px 0;border-bottom:1px solid #e3eee9}.portal-message-history article>*{display:block;margin:3px 0}.portal-message-history small{color:#75857f}.portal-alert{width:min(720px,100%);margin:18px auto;padding:14px 18px;border-radius:12px;background:#fff2ec;border:1px solid #f1c6b5}.portal-alert.success{background:#eafff6;border-color:#a9efd7}.portal-foot{margin-top:auto;display:flex;justify-content:space-between;padding:26px clamp(20px,5vw,72px);border-top:1px solid #cfe4dc;color:#63776f;font-size:12px}.portal-foot a{color:#07100d;font-weight:800}.portal-gate{width:min(560px,calc(100% - 40px));margin:12vh auto 0;padding:42px;border:1px solid #cfe4dc;background:#fff;border-radius:24px;box-shadow:0 30px 80px rgba(7,16,13,.12)}.portal-gate>span{display:block;margin-top:34px;color:#4f7165;font-size:10px;font-weight:850;letter-spacing:.18em}.portal-gate h1{font-size:clamp(34px,6vw,54px);letter-spacing:-.05em;margin:10px 0}.portal-gate p{color:#657a72;line-height:1.65}.portal-gate form{display:grid;gap:16px;margin-top:24px}
@media(max-width:760px){.portal-head{height:auto;min-height:70px;padding:14px 20px}.portal-head img{width:150px}.portal-head div{display:none}.portal-head>a{margin-left:auto}.portal-main{width:min(100% - 28px,1180px);padding-top:36px}.portal-hero{display:grid;align-items:start}.portal-status{min-width:0}.portal-grid{grid-template-columns:1fr}.portal-wide{grid-column:auto}.portal-card{padding:24px}.portal-form{grid-template-columns:1fr}.portal-foot{display:grid;gap:8px}.portal-gate{padding:28px;margin-top:7vh}}
@media(max-width:620px){.v7-section-row{grid-template-columns:minmax(0,1fr)}.v7-section-row>*{min-width:0}.v7-section-row h2{max-width:100%;overflow-wrap:break-word;hyphens:auto}}

/* ===== v1.0 compact customer briefing ===== */
.briefing-v10{padding:116px 0 90px;background:linear-gradient(180deg,#f7fffc 0,#fff 42%,#f4faf7 100%);min-height:100vh}.briefing-v10-shell{max-width:1180px}.briefing-v10-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:36px}.briefing-v10-head h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.92;letter-spacing:-.065em;margin:10px 0 0;color:#07100c}.briefing-v10-head h1 em{font-style:normal;color:#29b98c}.briefing-v10-head>div:last-child{border-left:1px solid #cfe1d9;padding-left:28px}.briefing-v10-head b{font-size:1.15rem}.briefing-v10-head p{color:#5f7068;line-height:1.65}.briefing-progress{height:7px;background:#e6efeb;border-radius:99px;overflow:hidden;margin:18px 0 7px}.briefing-progress i{display:block;height:100%;width:33.333%;background:#79f6d2;transition:width .3s ease}.briefing-v10-form{background:#fff;border:1px solid #d8e5df;border-radius:28px;padding:34px;box-shadow:0 25px 75px rgba(18,63,46,.07)}.briefing-step{display:none}.briefing-step.active{display:block;animation:briefIn .25s ease}.briefing-step-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.briefing-step-title>small{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#07100c;color:#79f6d2;font:900 .78rem ui-monospace,monospace}.briefing-step-title h2{font-size:2rem;letter-spacing:-.04em;margin:0}.briefing-step-title p{margin:5px 0 0;color:#687870}.briefing-short-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-block{margin:22px 0}.choice-block>label{display:block;font-weight:800;margin-bottom:10px}.briefing-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.briefing-choice-grid.compact{grid-template-columns:repeat(4,1fr)}.briefing-choice-grid label{position:relative;cursor:pointer}.briefing-choice-grid input{position:absolute;opacity:0;pointer-events:none}.briefing-choice-grid span{display:flex;align-items:center;min-height:52px;padding:11px 13px;border:1px solid #d9e5df;border-radius:13px;background:#fbfdfc;font-weight:720;font-size:.9rem;transition:.15s}.briefing-choice-grid input:checked+span{border-color:#27bd8e;background:#e9fff7;box-shadow:0 0 0 2px rgba(121,246,210,.28) inset}.briefing-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e6eeea;margin-top:28px;padding-top:22px}.briefing-v10-success{max-width:760px;margin:90px auto;background:#fff;border:1px solid #d7e5de;border-radius:28px;padding:48px;text-align:center}.briefing-v10-success>span{color:#197459;font:900 .72rem ui-monospace,monospace;letter-spacing:.14em}.briefing-v10-success h1{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.055em;line-height:.98}.briefing-v10-success p{color:#66756e;font-size:1.05rem;line-height:1.7}.briefing-v10 .field textarea{min-height:88px}@keyframes briefIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:850px){.briefing-v10-head{grid-template-columns:1fr;gap:26px}.briefing-v10-head>div:last-child{border-left:0;border-top:1px solid #d9e5df;padding:20px 0 0}.briefing-choice-grid,.briefing-choice-grid.compact{grid-template-columns:1fr 1fr}}@media(max-width:560px){.briefing-v10{padding-top:90px}.briefing-v10-form{padding:22px 16px;border-radius:20px}.briefing-short-grid,.briefing-choice-grid,.briefing-choice-grid.compact{grid-template-columns:1fr}.briefing-actions{position:sticky;bottom:8px;background:rgba(255,255,255,.95);padding:12px 0 0;z-index:4}.briefing-actions .btn{flex:1;padding-left:12px;padding-right:12px}}