/* Pekio visual system: warm paper, forest ink and a single orange accent. */
:root{--paper:#f7f8f3;--ink:#192d29;--muted:#65736b;--line:#dce2d8;--orange:#ff8738;--rust:#a84716;--dark:#182b27;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif}
body{background:var(--paper);padding-top:106px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,a{touch-action:manipulation}.wrap{max-width:1320px;padding-inline:48px}.section{padding-block:100px}.eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:650;color:#69776c}.icon{flex-shrink:0}
.site-header{top:16px;left:24px;right:24px;height:72px;max-width:1240px;padding:0 24px;border:1px solid #dce2dacc;border-radius:18px;background:#fafbf6ed;box-shadow:0 4px 22px #172b2405;backdrop-filter:blur(18px);gap:30px;overflow:hidden}
.site-header.is-scrolled{background:#fafbf6f5;box-shadow:0 8px 32px #172b240b}.site-header:after{opacity:.65;height:2px}.site-header .logo{min-width:0;gap:6px}.site-header .logo>img:first-child{width:30px;height:30px}.site-header .logo>img:nth-child(2){width:84px;height:auto}.logo>span{font-size:.65rem;color:#718075}.site-header nav{gap:28px}.site-header nav a{font-size:.8rem;color:#526158}.header-actions{gap:12px;margin-left:auto}.site-header .language{font-size:.72rem}.app-launch,.button{border-radius:11px;font-weight:600}.app-launch{background:#203a31;border:1px solid #203a31;border-radius:8px;box-shadow:none;color:#f7f8f3;font-weight:500;letter-spacing:.01em;transition:background .2s,border-color .2s,transform .2s}.app-launch svg{color:#ffa368;width:18px;height:18px}.app-launch:hover{background:#2b4a3e;border-color:#2b4a3e;box-shadow:none;transform:translateY(-1px)}.app-launch:hover svg{transform:translateX(2px)}.app-launch:active{transform:translateY(0);background:#192f28}.site-header .header-launch{padding:11px 17px;min-height:44px;font-size:.8rem;gap:15px}.header-launch svg{width:16px;height:16px}
.hero{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:70px;padding-top:50px;padding-bottom:78px;align-items:center}.hero-copy{min-width:0}.status{font-size:.65rem;padding:8px 12px;gap:7px;color:#536849;background:#eff2e8;border:1px solid #dce4d3}.status:before{content:'';width:5px;height:5px;background:#68884e;border-radius:50%}.hero h1{font-size:clamp(3.5rem,5.2vw,4.7rem);font-weight:580;line-height:1.045;letter-spacing:-.06em;margin:25px 0 24px;max-width:13ch}.hero h1 em{color:#b75321}.hero h1 em:after{display:none}.hero-copy>.intro{font-size:1rem;line-height:1.85;max-width:46ch;color:#617069;margin-bottom:26px}.hero-actions{gap:10px}.hero-actions .app-launch,.hero-actions .demo-link{min-height:50px;padding:14px 20px;font-size:.8rem}.hero-actions .demo-link{border-color:#d2dbce;background:#fffefa;color:#304039}.hero-actions .demo-link:hover{border-color:#aebdac;background:#f0f3ea}.hero-actions .demo-link svg{width:13px;height:13px}.access-note{font-size:.68rem;color:#667460;margin:14px 0 0;line-height:1.65;max-width:50ch}.freedom{border-top:1px solid var(--line);padding-top:21px;margin-top:27px;gap:6px}.freedom>strong{font-size:.8rem;font-weight:600}.freedom>span{font-size:.75rem;line-height:1.6}.providers{gap:7px;margin-top:8px}.providers>*{border-radius:6px!important;background:#fbfcf8!important;padding:7px 10px!important;font-size:.65rem!important;min-height:34px!important}
.hero-art{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:0;align-self:center;min-width:0;width:100%}.hero-art>.eyebrow{margin:0 0 1px 3px;font-size:.6rem;color:#66715f}.hero-art>.brand-panel{height:182px;border-radius:20px;box-shadow:none;border:1px solid #f59a48}.hero-art .pekio-brand-motion{height:182px;min-height:182px;aspect-ratio:auto;background:radial-gradient(ellipse at 15% 0%,#ffb853 0%,#ff891e 68%,#f77610 100%)}.hero-art .pekio-brand-lockup{width:54%;max-width:290px}.hero-art .pekio-brand-symbol{height:auto;flex-shrink:0}.hero-art .pekio-brand-type{height:auto}.hero-art .pekio-brand-signature{font-size:9px;bottom:9%;letter-spacing:.08em}.hero-art>p,.art-number{display:none}.brand-panel{position:relative}.brand-control{position:absolute;z-index:4;inset:0;border:0;background:transparent;padding:0}.brand-control:focus-visible{outline-offset:-5px}.brand-panel[data-paused=true] *{animation-play-state:paused!important}.brand-panel.replaying *{animation:none!important}.brand-control>span,.play-feedback,.showcase-surface:after{display:none!important}
.hero-product{display:block;border:1px solid #d4ddce;background:#fffef9;border-radius:18px;overflow:hidden;box-shadow:0 18px 30px -24px #213b292f;transition:transform .3s,box-shadow .3s}.hero-product:hover{transform:translateY(-3px);box-shadow:0 20px 32px -20px #213b292a}.hero-product-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;color:#5d6e5d;font-size:.56rem;letter-spacing:.085em}.hero-product-head span{display:flex;gap:7px;align-items:center}.hero-product-head i{width:5px;height:5px;background:#d77833;border-radius:50%}.hero-product-head>span:last-child{font-size:.55rem;background:#eef2e8;padding:4px 6px;border-radius:4px}.hero-product img{width:100%;height:auto;aspect-ratio:16/8.3;object-fit:cover;object-position:right 32%;border-block:1px solid #dbe2d6}.hero-product-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px}.hero-product-foot strong{font-size:.8rem;font-weight:550;line-height:1.5}.hero-product-foot>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #dbe1d4;border-radius:50%;font-size:.85rem;flex-shrink:0}
/* The product theater uses a single component for every workflow. */
.demo-section{color:var(--ink);background:#e9eee5;border-block:1px solid #dfe5da;padding:70px 0 76px}.demo-layout{grid-template-columns:minmax(0,1fr);max-width:1320px;gap:22px;align-items:start}.demo-section .section-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;margin:0 0 12px}.demo-section .eyebrow{color:#748066}.demo-section .section-heading>.eyebrow{grid-column:1/-1}.demo-section .section-heading h2{font-size:clamp(2.4rem,3.4vw,3.2rem);font-weight:550;line-height:1.12;letter-spacing:-.045em;margin:19px 0 0}.demo-section .section-heading>p{color:#62705f;font-size:.94rem;line-height:1.8;max-width:45ch}.showcase-tabs{display:flex;gap:6px;background:#f8faf5;border:1px solid #d5dfcf;padding:6px;border-radius:14px;width:max-content;max-width:100%;margin:0}.showcase-tabs button{border:0;background:transparent;color:#64715f;padding:12px 18px;border-radius:9px;gap:10px;font-size:.8rem;min-height:46px;transform:none!important}.showcase-tabs button span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #cbd5c4;border-radius:50%;font-size:.58rem;opacity:1}.showcase-tabs button:hover{background:#eaf0e3;color:#293d2e}.showcase-tabs button[aria-selected=true]{background:#243c31;color:#f6f9f0;box-shadow:0 2px 5px #1d3b2518}.showcase-tabs button[aria-selected=true] span{color:#ffb172;border-color:#71826a}
.showcase-panel,.demo.showcase-panel{width:100%;max-width:none!important;justify-self:stretch;border:1px solid #364a3f;border-radius:18px;background:#111b1d;box-shadow:0 22px 45px -32px #09251970;overflow:hidden;color:#eef3e9;scroll-margin-top:110px}.showcase-toolbar{background:#20362d;padding:10px 15px;border-color:#35493d;font-size:.67rem;min-height:58px}.showcase-count{display:flex;align-items:center;gap:9px;letter-spacing:.025em;color:#cfdbc9}.showcase-count:before{content:'';width:5px;height:5px;border-radius:50%;background:#ffab62;flex-shrink:0}.showcase-toolbar button{background:#ffffff08;border:1px solid #566b58;border-radius:7px;padding:8px 12px;min-height:36px;font-size:.65rem;color:#d8e3d1}.showcase-toolbar button:hover{background:#ffffff12;border-color:#8a9c7f}.showcase-screen,.demo.showcase-panel .demo-stage{aspect-ratio:16/9;max-height:none;background:#10171c}.showcase-screen picture{display:block;width:100%;height:100%}.showcase-image{width:100%;height:100%;object-fit:cover}.showcase-caption{padding:28px;background:#182d26;border-color:#34463b;gap:24px;min-height:175px}.showcase-caption .eyebrow{font-size:.58rem;color:#e7a76e;letter-spacing:.1em}.showcase-caption h3{font-size:1.5rem;line-height:1.3;font-weight:550;color:#f0f4e9;margin:15px 0 13px;letter-spacing:-.035em}.showcase-caption p{font-size:.8rem;line-height:1.85;color:#b9c8b4;max-width:60ch}.showcase-arrows{gap:7px}.showcase-arrows button{width:36px;height:36px;background:#ffffff04;border-color:#526b55;color:#d3e0ca;font-size:1rem}.showcase-arrows button:hover:not(:disabled){background:#3b503b;border-color:#8aa17f}.showcase-arrows button:disabled{opacity:.3}.showcase-steps{grid-template-columns:repeat(var(--step-count,5),minmax(0,1fr));background:#22392e;border-color:#3e5142}.showcase-steps button{font-size:.68rem;color:#b6c9ac;min-height:55px;border-color:#3e5142;padding:14px 12px}.showcase-steps button:hover{background:#314835;color:#f3f5e8}.showcase-steps button[aria-current]{background:#3c4932;color:#ffe0b4;box-shadow:inset 0 2px #efa55b}.showcase-note{background:#20332a;padding:15px 19px;color:#acbda6;font-size:.63rem;line-height:1.7}.showcase-timeline{height:2px}.showcase-timeline:after{background:#ffac67}.demo.showcase-panel .demo-stage:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffac67;transform:scaleX(var(--demo-progress,0));transform-origin:left;pointer-events:none}.showcase-dialog{border-radius:18px;border-color:#405a46}.showcase-dialog-head{background:#20362d}.showcase-dialog-head button{border-radius:8px}.demo-sound{width:33px;height:33px;right:10px;top:10px;border-color:#728173;background:#16271de8}.demo-sound svg{width:16px;height:16px}
/* Practical uses: equal cards with room for the content. */
.split-heading{gap:65px;margin-bottom:42px}.split-heading h2,.faq-section h2{font-size:clamp(2.25rem,3.4vw,3.2rem);font-weight:550;line-height:1.13;letter-spacing:-.045em}.split-heading>p{font-size:.94rem;line-height:1.85;color:#657363}.examples{gap:18px}.examples article{display:flex;flex-direction:column;padding:29px 27px 24px;border:1px solid #dde4d7;border-radius:17px;background:#fffefa;box-shadow:0 8px 25px -22px #28432625;overflow:hidden}.examples article:before{display:none}.examples .example-top{margin-bottom:29px;align-items:center}.examples .example-top .icon{width:41px;height:41px;padding:10px;border:1px solid #dce5d5;border-radius:12px;background:#f2f6ec;color:#4d6945}.examples .example-top>span{color:#6c7d5d;font-size:.65rem;letter-spacing:.08em}.examples h3{font-size:1.55rem;font-weight:550;line-height:1.22;letter-spacing:-.04em;min-height:2.44em;margin-bottom:19px}.examples article>p{font-size:.86rem;line-height:1.9;color:#6c7866;margin-bottom:29px}.example-tags{margin-top:auto;padding-top:17px;border-top:1px solid #e3e9dc;color:#5e7450;font-size:.64rem;letter-spacing:.025em}.workflow{margin-top:22px;border:1px solid #d9e3cf;background:#edf3e5;border-radius:16px;padding:27px 30px;gap:25px}.workflow>.icon{color:#769861}.workflow h3{font-size:1.2rem;font-weight:550;letter-spacing:-.025em}.workflow>p{font-size:.82rem;line-height:1.8;color:#657b57}
.model-section{background:#213b30;color:#f3f6ee;padding:80px 0}.model-section>.wrap>.eyebrow{color:#a7bd96}.model-section .split-heading>p{color:#becfb2}.model-options{gap:20px;border:0}.model-options article,.model-options article+article{padding:32px;background:#294336;border:1px solid #4a6347;border-radius:16px;position:relative}.model-index{font-size:.68rem;color:#afc797;margin-bottom:23px}.model-options h3{font-size:1.6rem;line-height:1.2;font-weight:550;color:#f4f6ea;max-width:22ch}.model-options article>p{font-size:.85rem;line-height:1.9;color:#bed0b2}.model-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.model-chips span{border:1px solid #536f4c;background:#213b2c;color:#c8deb7;font-size:.65rem;border-radius:6px;padding:7px 10px}.model-privacy{margin-top:26px;padding:20px 23px;border:1px solid #4a6545;border-radius:12px;background:#294735;font-size:.85rem;line-height:1.85;color:#d0dfc6}.model-privacy .icon{color:#b4d094}.key-note{font-size:.75rem;color:#9eb890;margin-bottom:0}
.road-columns{gap:22px}.road-columns article{background:#fffefa;border:1px solid #dfe5d7;border-radius:16px;padding:29px}.road-columns .road-label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;color:#426b36;background:#edf5e5;border:1px solid #d7e7c9;border-radius:6px;padding:8px 11px}.road-columns .road-label:before{content:'';width:5px;height:5px;border-radius:50%;background:#7da755}.road-columns article+article .road-label{background:#fcf0e2;color:#8b5e2c;border-color:#ead8c0}.road-columns article+article .road-label:before{background:#c69256}.road-columns ul{margin-top:22px}.road-columns li{font-size:.86rem;line-height:1.7;padding:13px 0 13px 22px;border-color:#e2e9da;color:#64765b}.road-columns li:before{left:1px;top:calc(13px + .85em - 3px);width:6px;height:6px;border:0;background:#7da755}.road-columns article+article li:before{background:transparent;border:1.5px solid #c69256}.road-columns li:last-child{border-bottom:0}
.faq-section{gap:70px;padding-bottom:90px}.questions{display:flex;flex-direction:column;gap:10px}.questions details{border:1px solid #dfe6d9;border-radius:12px;padding:0 22px;background:#fbfcf7;transition:background .2s}.questions details[open]{background:#fffefa;border-color:#c6d5b8}.questions summary{padding:20px 0;font-size:.88rem;line-height:1.5;color:#374d31;gap:20px}.questions summary>span{font-size:1.25rem;color:#779663}.questions details>p{font-size:.84rem;line-height:1.9;color:#6b7b62;margin:0 0 23px;padding:0 30px 0 0}
.contact-section{position:relative;isolation:isolate;overflow:hidden;max-width:calc(min(1320px,100%) - 96px);margin:0 auto 30px;padding:53px 48px;background:#e8efdF;border:1px solid #d0debf;border-radius:23px;gap:48px}.contact-section:before{content:'';position:absolute;z-index:-1;width:340px;height:340px;right:-100px;top:-140px;border:1px solid #c4d5ac;border-radius:50%;box-shadow:0 0 0 40px #cfddbc40,0 0 0 80px #d7e2c830}.contact-section h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.12;letter-spacing:-.05em;font-weight:550}.contact-section .eyebrow{font-size:.61rem;color:#60784c}.contact-section p{color:#6e825e;font-size:.86rem;line-height:1.8}.contact-actions{align-items:stretch;min-width:225px;max-width:300px;gap:13px}.contact-actions .app-launch{min-height:51px;text-decoration:none;font-size:.8rem}.contact-actions .button.plain{min-height:45px;border:1px solid #becdab;border-radius:10px;padding:12px 18px;color:#4e6a3c;font-size:.8rem;background:#f6f8ef70}.contact-actions .button.plain:hover{background:#fffdf5}.contact-actions>a:last-child{font-size:.7rem;text-align:center;color:#5d714c}.wrap:is(footer){font-size:.69rem;padding-block:25px 35px;color:#62705b}.wrap:is(footer)>span:first-child{color:#59734a}
/* Forms share the same controls, spacing and feedback language. */
.contact-dialog{border:1px solid #cedbc0;border-radius:20px;background:#f9faf4;box-shadow:0 30px 100px #162c2455}.dialog-inner{padding:34px}.dialog-head .eyebrow{font-size:.62rem;color:#69795b}.dialog-head h2{font-size:1.8rem;letter-spacing:-.04em}.dialog-head p{font-size:.85rem}.choices{gap:10px}.choices button{padding:18px;border-radius:11px;background:#fffefa;border-color:#d9e3cf;transition:background .2s,border-color .2s;line-height:1.5;font-size:.94rem}.choices button:after{content:'';display:block;float:right;width:8px;height:8px;border-right:1.5px solid #81986f;border-top:1.5px solid #81986f;transform:rotate(45deg);margin:7px 5px 0 15px}.choices button:hover{background:#eef4e5;border-color:#adbf99;transform:none}.step-title{font-size:1.15rem}.contact-dialog input,.contact-dialog textarea{border-radius:9px;background:#fffefa;border-color:#c9d6bb}.contact-dialog input:focus,.contact-dialog textarea:focus{outline-color:#91a575}.answer-summary{border-radius:12px;background:#edf3e5;padding:16px 18px}.answer-summary>div:last-child{border-bottom:0;padding-bottom:0}.privacy-note a{text-decoration:underline;text-underline-offset:3px}.submission-status{border:1px solid #dfc5ab;border-radius:10px;padding:14px;color:#824c26;background:#fff3e6;font-size:.85rem;line-height:1.7}.submission-success{padding:24px 0}.submission-success>span{display:grid;place-items:center;width:50px;height:50px;background:#e2efd5;color:#54803a;border-radius:50%;font-size:1.5rem;margin-bottom:20px}.submission-success h4{font-size:1.5rem;margin:0 0 14px;letter-spacing:-.035em}.submission-success p{color:#768567;font-size:.9rem}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-dialog[aria-busy=true],.contact-dialog button:disabled{cursor:progress}
@media(min-width:901px){.showcase-panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr)}.showcase-toolbar,.showcase-steps,.showcase-note{grid-column:1/-1}.showcase-caption{border-top:0;border-left:1px solid #34463b;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0}.showcase-arrows{flex-direction:row}}
@media(max-width:1100px){.wrap{padding-inline:34px}.hero{gap:40px}.hero h1{font-size:3.6rem}.site-header nav{gap:18px}.site-header{gap:18px}.logo>span{display:none}.examples article{padding:25px 22px}.examples h3{font-size:1.35rem}.contact-section{margin-inline:34px;max-width:none}.showcase-caption{padding:23px}.showcase-caption h3{font-size:1.35rem}.hero-art .pekio-brand-lockup{width:60%}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:38px;padding-bottom:58px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(3.4rem,7.4vw,4.7rem);max-width:16ch}.hero-copy>.intro{max-width:52ch}.hero-art{max-width:680px;gap:14px}.hero-art>.brand-panel,.hero-art .pekio-brand-motion{height:176px;min-height:176px}.hero-art .pekio-brand-lockup{width:280px;max-width:58%}.hero-product img{aspect-ratio:16/8}.hero-product-head{font-size:.62rem}.hero-product-foot strong{font-size:.85rem}.site-header nav{display:none}.section{padding-block:70px}.split-heading{gap:30px}.demo-section .section-heading{column-gap:35px}.showcase-caption{flex-direction:row;align-items:center;min-height:170px}.showcase-arrows{flex-direction:row}.showcase-caption h3{margin:10px 0}.showcase-caption p{font-size:.84rem}.faq-section{gap:35px}.model-section{padding-block:65px}.model-options article,.model-options article+article{padding:26px}.model-options h3{font-size:1.4rem}.contact-section{padding:39px 32px}.contact-actions{margin-top:0}.examples h3{min-height:0}}
@media(max-width:700px){body{padding-top:93px}.site-header{top:10px;left:12px;right:12px;height:65px;padding-inline:16px;border-radius:14px}.site-header .logo>img:first-child{width:28px;height:28px}.site-header .logo>img:nth-child(2){width:80px}.wrap{padding-inline:24px}.hero{padding-top:24px;gap:31px}.hero h1{font-size:clamp(3rem,8.5vw,4.4rem)}.hero-copy>.intro{font-size:.94rem}.hero-art>.eyebrow{font-size:.58rem}.demo-section{padding-block:44px}.demo-section .section-heading{display:block;margin-bottom:6px}.demo-section .section-heading h2{font-size:2.35rem}.demo-section .section-heading>p{font-size:.86rem;margin-top:18px;margin-bottom:0;max-width:50ch}.showcase-tabs{width:100%;gap:4px;padding:5px}.showcase-tabs button{flex:1;padding:11px 7px;font-size:.7rem;line-height:1.4;gap:6px;min-height:43px}.showcase-tabs button span{display:none}.demo-layout{gap:18px}.split-heading{display:block;margin-bottom:29px}.split-heading h2,.faq-section h2{font-size:2.3rem}.split-heading>p{margin-top:22px;font-size:.9rem;max-width:55ch}.examples{grid-template-columns:1fr;gap:14px}.examples article{padding:26px}.examples .example-top{margin-bottom:23px}.examples h3{font-size:1.65rem;min-height:0}.examples article>p{font-size:.9rem;margin-bottom:25px}.workflow{grid-template-columns:28px 1fr;padding:24px;gap:17px}.workflow h3{font-size:1.18rem}.workflow>p{grid-column:1/-1;font-size:.87rem}.model-options{grid-template-columns:1fr;gap:14px}.model-options article,.model-options article+article{padding:27px}.model-options h3{font-size:1.65rem}.model-options article>p{font-size:.88rem}.model-privacy{padding:20px;font-size:.84rem}.road-columns{grid-template-columns:1fr;gap:15px}.road-columns article{padding:25px}.faq-section{display:block;padding-bottom:60px}.questions{margin-top:28px}.questions summary{font-size:.88rem}.contact-section{margin-inline:24px;padding:33px 26px;display:block;border-radius:19px}.contact-section h2{font-size:2.25rem}.contact-actions{margin-top:25px;max-width:none;align-items:stretch}.contact-section .app-launch,.contact-section .button{width:100%}.wrap:is(footer){display:flex;flex-wrap:wrap;gap:10px 24px}.dialog-inner{padding:27px 23px}}
@media(max-width:560px){.hero-art>.brand-panel,.hero-art .pekio-brand-motion{height:148px;min-height:148px}.hero-art>.brand-panel,.hero-product{border-radius:15px}.hero-product-head{font-size:.55rem;padding:11px 13px}.hero-product-foot{padding:13px}.hero-product-foot strong{font-size:.75rem}.hero-product img{aspect-ratio:16/9}.hero-art .pekio-brand-lockup{width:59%;max-width:none}.hero-art .pekio-brand-signature{font-size:8px}.hero-actions .app-launch,.hero-actions .demo-link{font-size:.76rem;min-height:49px;padding:13px 16px}.freedom{margin-top:23px}.section{padding-block:57px}.showcase-panel,.demo.showcase-panel{border-radius:14px;scroll-margin-top:90px}.showcase-screen,.demo.showcase-panel .demo-stage{aspect-ratio:390/740}.showcase-image,.showcase-panel[data-crop] .showcase-image{object-fit:contain;object-position:center;width:100%;height:100%}.showcase-toolbar{padding:9px 12px;align-items:center;min-height:54px}.showcase-count{max-width:150px;font-size:.62rem;line-height:1.5;gap:6px}.showcase-toolbar button{font-size:.61rem;padding:7px 9px;min-height:34px}.showcase-caption{padding:23px 20px;align-items:flex-start;gap:16px;min-height:0}.showcase-caption h3{font-size:1.45rem}.showcase-caption p{font-size:.83rem}.showcase-arrows{flex-direction:column;gap:8px}.showcase-arrows button{width:32px;height:32px}.showcase-steps,.demo.showcase-panel .showcase-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.showcase-steps li{min-width:0;display:flex}.showcase-steps li:nth-child(n+4){border-top:1px solid #3e5142}.showcase-steps li:nth-child(3) button{border-right:0}.showcase-steps button{padding:12px 8px;font-size:.63rem;min-height:50px}.showcase-note{padding:13px 16px;font-size:.61rem}.showcase-dialog .showcase-zoom img{min-width:0;width:100%;height:auto}.showcase-dialog-head{font-size:.7rem}.showcase-dialog-head button{font-size:.7rem}.contact-dialog{border-radius:16px}.field-row{grid-template-columns:1fr}.hero h1{letter-spacing:-.052em;max-width:14ch}}
@media(max-width:380px){.site-header{left:9px;right:9px;padding-inline:12px;gap:8px}.site-header .logo>img:first-child{width:25px;height:25px}.site-header .logo>img:nth-child(2){width:69px}.header-actions{gap:3px}.site-header .language{min-width:28px;font-size:.65rem}.site-header .header-launch{padding:10px 9px;font-size:.65rem;gap:6px}.wrap{padding-inline:20px}.hero h1{font-size:2.9rem}.hero-actions{gap:8px}.hero-actions .button{padding:13px 12px;font-size:.71rem}.contact-section{margin-inline:20px}.showcase-tabs button{font-size:.63rem}.hero-product-head{font-size:.51rem}.hero-product-foot strong{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.hero-product,.choices button,.questions details{transition:none}.hero-product:hover,.choices button:hover{transform:none}}

@media(min-width:701px){.answer-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.answer-summary>div{border-bottom:0;padding-bottom:0}.answer-summary>div+div{border-left:1px solid #d4dfc8;padding-left:20px}}
.model-options article{display:flex;flex-direction:column;min-width:0}.model-options .model-chips{margin-top:auto;padding-top:20px}

/* Pointer motion has its own layer, independent of the opening animation. */
.brand-panel{transform:none;transition:box-shadow .3s}
.pekio-brand-follow{position:relative;display:grid;place-items:center;width:100%;height:100%;transform-origin:50% 50%;transform-style:preserve-3d;pointer-events:none}
.pekio-dot-drift{transform-box:view-box;transform-origin:365.5px 26.5px}
.brand-panel[data-interaction] .pekio-brand-lockup{animation:none!important;opacity:1;transform:rotateX(5deg) rotateY(-7deg) rotateZ(-1deg)}
.brand-panel[data-interaction] .pekio-brand-dot{animation:none!important;opacity:1;transform:none}
.brand-panel[data-interaction] .pekio-dot-front{animation:none!important;opacity:var(--front-opacity,1)}
.brand-panel[data-interaction] .pekio-dot-back{animation:none!important;opacity:var(--back-opacity,0)}
.brand-panel[data-interaction] .pekio-dot-track{animation:none!important;opacity:0}
.brand-panel[data-interaction] .pekio-brand-ground-shadow{animation:none!important;opacity:.85;transform:translateX(var(--follow-shadow,0px))}
@media(prefers-reduced-motion:reduce){.pekio-brand-follow,.pekio-dot-drift{transform:none!important}.app-launch,.app-launch svg{transition:none}.app-launch:hover,.app-launch:hover svg{transform:none}}
/* Workspace entry: product identity, destination and action in one control. */
.app-launch,.hero-actions .app-launch,.contact-actions .app-launch{display:inline-flex;align-items:center;justify-content:flex-start;gap:12px;min-height:68px;padding:10px 11px 10px 14px;border:1px solid #323d39;border-radius:14px;background:linear-gradient(155deg,#303733,#1b211e);color:#fffdf7;text-decoration:none;text-align:left;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff15,0 4px 8px #17231b0a;transition:border-color .2s,box-shadow .2s,transform .2s}
.launch-symbol{display:grid;place-items:center;flex:0 0 34px}.launch-symbol img{display:block;width:34px;height:34px}
.launch-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.launch-label{font-size:.85rem;font-weight:600;line-height:1.3;white-space:nowrap}.launch-address{font-size:.62rem;font-weight:400;letter-spacing:.045em;line-height:1.3;color:#b8c0b9}
.launch-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-left:14px;border:1px solid #ffffff20;border-radius:9px;background:#ffffff08;transition:background .2s,border-color .2s}
.app-launch .launch-arrow svg{width:18px;height:18px;color:#ffad75;transition:transform .25s cubic-bezier(.2,.8,.2,1),color .2s}
.app-launch:hover{background:linear-gradient(155deg,#303733,#1b211e);border-color:#6d786d;box-shadow:inset 0 1px 0 #ffffff1a,0 7px 16px #17231b14;transform:translateY(-2px)}
.app-launch:hover .launch-arrow,.app-launch:focus-visible .launch-arrow{background:#ffa264;border-color:#ffa264}.app-launch:hover .launch-arrow svg,.app-launch:focus-visible .launch-arrow svg{color:#242a25;transform:translate(2px,-2px)}
.app-launch:focus-visible{outline:2px solid #ad4b16;outline-offset:4px}.app-launch:active{transform:translateY(0);box-shadow:inset 0 1px 0 #ffffff15}
.site-header .header-launch{min-height:44px;padding:6px 7px 6px 15px;gap:0;border-radius:11px}.header-launch .launch-symbol,.header-launch .launch-address{display:none}.header-launch .launch-label{font-size:.76rem}.header-launch .launch-arrow{width:29px;height:29px;flex-basis:29px;border-radius:7px;margin-left:17px}.header-launch .launch-arrow svg{width:16px;height:16px}
.hero-actions{align-items:center;gap:22px}.hero-actions .demo-link{border:0;border-radius:0;padding:12px 0;min-height:44px;background:transparent;box-shadow:none;font-size:.8rem;gap:9px}.hero-actions .demo-link svg{width:15px;height:15px}.hero-actions .demo-link:hover{background:transparent;color:#a84716;box-shadow:none;transform:none}.contact-actions .launch-copy{flex:1}.access-note{max-width:48ch}
@media(max-width:560px){.hero-actions{gap:12px 20px}.hero-actions .app-launch{min-height:68px}.hero-actions .demo-link{font-size:.78rem}.contact-actions .app-launch{padding-inline:12px}.contact-actions .launch-arrow{margin-left:0}}
@media(max-width:380px){.site-header .logo>img:nth-child(2){display:none}.site-header .header-launch{padding:6px 7px 6px 12px;gap:0;font-size:.76rem}.header-launch .launch-arrow{margin-left:12px}.hero-actions .app-launch{width:100%;justify-content:space-between}.hero-actions .launch-copy{flex:1}.hero-actions .launch-arrow{margin-left:0}.hero-actions .demo-link{padding-left:2px}}
@media(prefers-reduced-motion:reduce){.app-launch,.launch-arrow,.app-launch .launch-arrow svg{transition:none}.app-launch:hover,.app-launch:hover .launch-arrow svg,.app-launch:focus-visible .launch-arrow svg{transform:none}}
@media(max-width:380px){.contact-actions{min-width:0}.contact-actions .launch-symbol{display:none}.contact-actions .launch-label{font-size:.8rem}}