/* ITScriptor — Code Studio 2 / V6.2. One visual system, no external dependencies. */
:root{color-scheme:dark;--bg:#080a0b;--panel:#0d1113;--panel-2:#111618;--line:#242a2d;--line-soft:#1b2225;--text:#eeefec;--muted:#8b969b;--bronze:#cd9a6d;--bronze-light:#efc69e;--green:#83bc9d;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font:14px/1.6 var(--sans);background:radial-gradient(ellipse at 85% 20%,#6c43220c,transparent 45%),var(--bg);min-width:280px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}img,svg{max-width:100%}img{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.04em}a,button,input,select,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--bronze-light)}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;z-index:100;top:10px;left:16px;transform:translateY(-160%);background:var(--bronze);color:#090b0c;padding:10px 18px}.skip-link:focus{transform:none}.site-header{max-width:1736px;margin:auto;padding:0 32px;height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #44322459;gap:24px}.brand{width:190px;height:76px;display:flex;align-items:center;flex-shrink:0;overflow:hidden}.brand img{width:190px;height:auto}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav>a{font-size:12px;position:relative;padding:12px 0;white-space:nowrap;color:#bfc4c5}.site-header nav>a:hover,.site-header nav>a[aria-current=page]{color:var(--bronze-light)}.site-header nav>a[aria-current=page]:after{content:"";height:1px;background:var(--bronze);position:absolute;bottom:5px;left:0;right:0}.site-header nav>.nav-portal{border:1px solid #9b714a80;border-radius:30px;padding:8px 16px;margin-left:26px;color:var(--bronze-light);box-shadow:0 0 22px #9d68300a}.nav-portal .icon{width:14px;height:14px;margin-left:10px}.menu-toggle{display:none}main{outline:none}.workspace-shell{height:calc(100svh - 151px);min-height:590px;max-height:1060px;max-width:1680px;margin:19px auto 0;width:calc(100% - 48px);border:1px solid #3e362d;border-radius:7px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 22px 80px #0008,0 0 40px #b5864904;background:var(--panel)}.workspace-title{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#101416;border-bottom:1px solid var(--line);font:9px var(--mono);color:var(--muted);letter-spacing:.08em;flex-shrink:0}.workspace-title p{display:flex;gap:12px}.workspace-title p>span{color:#c3c7c7}.workspace-title b{font-weight:400;color:#4d575c}.workspace-dots{display:flex;gap:6px;width:100px}.workspace-dots i{width:6px;height:6px;border-radius:50%;background:#877563}.workspace-dots i:nth-child(2){background:#a38d71}.workspace-dots i:nth-child(3){background:#718975}.workspace-live{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:0}.workspace-live i,.preview-toolbar i,.small-dot,.status-bar>span:last-child i{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block}.workspace{display:grid;grid-template-columns:46px 184px minmax(0,1fr) minmax(280px,31%);min-height:0;flex:1}.activity-rail{border-right:1px solid var(--line);background:#0e1315;display:flex;flex-direction:column;align-items:stretch;padding-top:5px}.rail-button{height:48px;display:flex;justify-content:center;align-items:center;color:#728087;position:relative}.rail-button .icon{width:21px;height:21px}.rail-button:hover{color:var(--text);background:#ffffff03}.rail-button.selected{color:var(--bronze-light)}.rail-button.selected:before{content:"";height:24px;width:2px;background:var(--bronze);position:absolute;left:0}.rail-bottom{margin-top:auto}.explorer{background:#0c1113;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:auto;font:11px/1.8 var(--mono)}.explorer-label{display:flex;justify-content:space-between;align-items:center;height:45px;padding:0 16px;color:#bdc4c7;font-size:9px;letter-spacing:.06em}.file-tree>summary{font-size:10px;font-weight:600;letter-spacing:.02em;padding:4px 13px;color:#dce1df}.folder{padding-left:10px}.folder summary{padding:3px 12px;color:#b8c0c2;font-size:11px}.folder summary>span{color:var(--bronze);margin-right:5px;font-size:14px}summary{cursor:pointer;list-style:none;display:block}summary:before{content:"›";display:inline-block;transform:rotate(0);margin-right:6px;color:#87949b}details[open]>summary:before{transform:rotate(90deg)}.folder-note{display:block;font-size:9px;line-height:1.6;margin:4px 10px 8px 25px;color:var(--muted)}.file-link{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 25px;color:#9ca9af;font-size:11px;border-left:1px solid transparent;line-height:1.55}.file-link:hover{background:#ffffff04;color:#d8e0e1}.file-link[aria-current=page]{background:#b28a5e13;color:#e3c29f;border-left-color:var(--bronze)}.file-type,.php-type{color:#a39abf;font-family:var(--mono);font-style:italic;font-size:9px;letter-spacing:-.06em}.file-link[aria-current=page] .file-type{color:#d9b58e}.asset-file{display:block;padding:5px 12px 5px 30px;font:10px var(--mono);color:var(--muted);width:100%;text-align:left}.asset-file span{color:var(--bronze);display:inline-block;min-width:18px}.asset-file:hover{color:var(--text);background:#ffffff05}.explorer-bottom{margin-top:auto;padding:30px 18px 22px;color:#76858b;font-size:10px;line-height:1.7}.outline-mark{font-size:29px;letter-spacing:-.15em;color:#7c6046;font-weight:300;display:block;margin-bottom:10px}.explorer-bottom strong{font-weight:400;color:#b7c0c1}.explorer-bottom a{display:flex;align-items:center;gap:12px;font-size:9px;margin-top:15px;color:var(--bronze)}.explorer-bottom .icon{width:12px;height:12px}.file-search{padding:8px 10px}.file-search label{font-size:9px;display:block;color:var(--muted);margin-bottom:5px}.file-search input{background:#151b1e;color:var(--text);border:1px solid #4c443a;padding:7px;width:100%;min-width:0;font:10px var(--mono)}.file-search p{font-size:10px;padding:8px 0;color:var(--bronze)}.workspace-shell.explorer-collapsed .workspace{grid-template-columns:46px 0 minmax(0,1fr) minmax(280px,31%)}.explorer-collapsed .explorer{visibility:hidden;overflow:hidden}.editor-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f1416,#0a0f11)}.editor-tabs{display:flex;height:42px;flex-shrink:0;background:#0c1012;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.editor-tabs::-webkit-scrollbar{display:none}.source-tab{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:0 15px;border-right:1px solid var(--line-soft);color:#859196;font:10px var(--mono);position:relative;flex-shrink:0}.source-tab.active{background:#11171a;color:#e0e2df}.source-tab.active:before{content:"";height:1px;background:var(--bronze);position:absolute;left:0;right:0;top:0}.source-tab:hover{color:var(--text)}.tab-dot{width:5px;height:5px;background:#c3976a;border-radius:50%;margin-left:6px}.css-type{font-size:12px;color:#70a3bc}.js-type{font-size:9px;color:#d5bd6d}.sql-type{font-size:12px;color:#bd9373}.editor-path{height:32px;display:flex;gap:12px;align-items:center;padding:0 20px;font:9px var(--mono);color:#8d9da5;flex-shrink:0;border-bottom:1px solid #ffffff03}.editor-path>b{font-size:14px;color:#52656e;font-weight:400}.editor-path>span:nth-of-type(3){color:#cfbfaf}.path-right{margin-left:auto;font-size:8px;color:#4e626e}.mobile-views{display:none}.editor-scroll{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-color:#485050 transparent;scrollbar-width:thin}.document-page{padding:32px;animation:document-in .3s ease}.home-document{padding:25px 0 20px}.source-heading{font:8px var(--mono);color:#63767f;letter-spacing:.09em;display:flex;justify-content:space-between;padding:0 27px 18px}.source-heading>span:first-child{color:#a2856c}.code-lines{list-style:none;counter-reset:line;margin:0;padding:0 17px 0 60px;font:12px/1.92 var(--mono);color:#b4c8ce;overflow-wrap:normal;white-space:pre;overflow-x:auto}.code-lines>li{counter-increment:line;position:relative;min-height:23px}.code-lines>li:before{content:counter(line,decimal-leading-zero);position:absolute;left:-38px;width:22px;text-align:right;color:#425761;font-size:10px;user-select:none}.code-lines>li code{font:inherit}.tok-comment{color:#627d7e}.tok-string{color:#d5a873}.tok-variable{color:#91b7c8}.tok-keyword{color:#b79cc9}.tok-function{color:#cfc58c}.typing-line{min-height:24px;font:11px/2 var(--mono);color:#6f8c87;padding:9px 20px 5px 60px;white-space:pre;overflow:hidden}.typing-line i,.terminal-prompt i{width:6px;height:13px;display:inline-block;background:var(--bronze);vertical-align:middle;animation:blink 1.2s step-end infinite;margin-left:4px}.code-note{margin:28px 25px 0 60px;padding:13px 0;border-top:1px solid var(--line-soft);color:#70818b;font:9px/1.8 var(--mono);display:flex;align-items:center;gap:10px}.terminal-panel{border-top:1px solid var(--line);background:#0a0f11;height:124px;flex-shrink:0;font:10px/1.9 var(--mono);padding:0 20px 8px;overflow:hidden}.terminal-tabs{height:31px;display:flex;align-items:center;gap:23px;color:#617680;font-size:8px;letter-spacing:.06em}.terminal-active{color:#ccc2b5;height:31px;display:flex;align-items:center;border-bottom:1px solid var(--bronze)}.terminal-caption{margin-left:auto;font-size:7px}.terminal-tabs button{width:22px;height:25px;font-size:12px;padding:0;color:#8e9b9f}.terminal-user{color:#8cbca7}.terminal-muted{color:#5f7580;margin-right:8px}.terminal-output{color:#8b9b9b}.terminal-output>span:first-child{color:var(--green);margin-right:10px}.terminal-prompt{margin-top:3px}.terminal-prompt i{height:10px;width:5px}.preview-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#090d0e;border-left:1px solid #4d3b2a}.preview-toolbar{height:42px;background:#101517;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 12px;color:#c8c4bd;font:9px var(--mono);flex-shrink:0}.preview-toolbar>span{display:flex;align-items:center;gap:8px}.preview-toolbar .icon{width:13px;height:13px;color:var(--bronze)}.preview-toolbar i{width:4px;height:4px;margin-left:4px}.preview-toolbar button{padding:7px;color:#71858d}.preview-address{font:8px var(--mono);color:#6f7b7f;height:32px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #ffffff04;flex-shrink:0}.preview-address>span:last-child{margin-left:auto;font-size:13px}.lock-dot{width:4px;height:4px;border-radius:50%;background:#8ba992}.preview-scroll{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#485050 transparent}.preview-page{padding:28px 26px;min-height:100%;position:relative;isolation:isolate}.preview-home{background:#090e10;display:flex;flex-direction:column;min-height:100%;padding:24px 26px}.preview-home:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#070a0bc9,#070a0b90 35%,transparent 65%);z-index:-1}.preview-identity strong{font-size:24px;letter-spacing:-.06em;line-height:1}.preview-identity strong>span{color:var(--bronze)}.preview-identity small{display:block;font-size:4px;letter-spacing:.16em;margin:4px 0 0 1px;color:#b6a99d}.preview-hero{padding-top:38px}.preview-hero>p:first-child{font:7px var(--mono);letter-spacing:.11em;color:#b28b65;margin-bottom:15px}.preview-hero h1{font-size:clamp(25px,2.4vw,41px);letter-spacing:-.055em;line-height:1.08;max-width:400px}.preview-hero h1>span{color:var(--bronze-light)}.preview-hero>p:nth-of-type(2){font-size:10px;line-height:1.8;color:#c0c6c5;margin-top:17px;max-width:300px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#e7b381,#c6905e);color:#15110d;border:1px solid #d3a16e;min-height:42px;padding:10px 17px;font-size:11px;font-weight:600;border-radius:3px;transition:filter .2s,transform .2s}.button .icon{width:15px;height:15px}.button:hover{filter:brightness(1.1);transform:translateY(-1px)}.preview-hero .button{font-size:10px;min-height:37px;padding:8px 13px;margin-top:22px;box-shadow:0 0 24px #c28d5422}.preview-home-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:100px;font:6px var(--mono);letter-spacing:.08em;color:#b4a18d}.preview-home-bottom a{border:1px solid #9e744d70;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font:14px var(--sans);color:var(--bronze-light);border-radius:50%}.preview-bottom{height:29px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:7px var(--mono);letter-spacing:.08em;color:#687e86;flex-shrink:0}.preview-bottom span:last-child{color:var(--bronze)}.workspace-shell.preview-expanded .workspace{grid-template-columns:46px 150px minmax(280px,1fr) minmax(0,1.2fr)}.workspace-shell.preview-expanded.explorer-collapsed .workspace{grid-template-columns:46px 0 minmax(280px,1fr) minmax(0,1.2fr)}.status-bar{height:26px;flex-shrink:0;background:#332a21;border-top:1px solid #8b64412b;color:#b7a594;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:8px var(--mono);gap:15px}.status-bar>span{display:flex;align-items:center;gap:12px;white-space:nowrap}.status-bar .icon{width:12px;height:12px;color:#cda47d}.status-check{color:#9fb49c}.status-center{font-size:7px;color:#b49c84}.status-bar>span:last-child i{width:4px;height:4px}.site-footer{max-width:1680px;margin:auto;padding:13px 24px 14px;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:#67767b;gap:20px}.site-footer p{font-size:7px;letter-spacing:.1em}.site-footer>div{display:flex;gap:18px}.site-footer a:hover{color:var(--bronze)}
/* Content opened as documents within the editor. */
.document-heading{margin-bottom:30px}.document-heading>p:first-child,.micro,.eyebrow{font:8px/1.8 var(--mono);letter-spacing:.08em;color:var(--bronze);margin-bottom:17px}.document-heading h1{font-size:clamp(27px,2.65vw,43px);margin-bottom:18px}.document-heading h1 span,.document-page h2>span,.preview-page h2>span{color:var(--bronze-light)}.document-heading>p:last-child{font-size:12px;color:#99a6ab;line-height:1.85;max-width:530px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.service-card{padding:19px 17px;border:1px solid #344044;background:#ffffff02;transition:background .2s,border-color .2s;border-radius:3px;min-width:0}.service-card:hover{border-color:#a17c565c;background:#b0804d0a}.service-card>div{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);color:#5f737d;margin-bottom:20px}.service-card>div .icon{width:26px;height:26px;color:var(--bronze)}.service-card h2{font-size:17px;margin-bottom:11px;letter-spacing:-.025em}.service-card p{font-size:10px;color:#91a1a7;line-height:1.8;min-height:54px}.service-card small{display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);color:#b39678;margin-top:17px;gap:10px}.service-card small .icon{width:13px;height:13px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--bronze-light);font-size:10px;margin-top:24px}.text-link .icon{width:13px;height:13px}.preview-page h2{font-size:clamp(23px,2vw,32px);line-height:1.15;margin-bottom:26px}.preview-service-list{margin-top:35px}.preview-service-list a{display:flex;align-items:center;gap:15px;padding:21px 0;border-top:1px solid var(--line);color:#c9d0ce;font-size:12px}.preview-service-list a>.icon{color:var(--bronze);width:25px;height:25px}.preview-service-list a>span{margin-right:auto}.preview-service-list small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.preview-foot{font:7px var(--mono);color:#786d60;letter-spacing:.08em;margin-top:32px}.preview-explain{font-size:11px;line-height:1.8;color:#93a2a6;margin-top:22px}.button-outline{background:transparent;color:var(--bronze-light);border-color:#97714d70}.project-case{padding:22px;border:1px solid #3b4447;background:linear-gradient(125deg,#b4874610,transparent 60%);border-radius:4px}.case-label{display:flex;justify-content:space-between;font:7px var(--mono);color:#8c938b;letter-spacing:.06em;gap:12px}.case-label>span:first-child{color:var(--bronze)}.project-case h2{font-size:35px;margin:28px 0 17px}.project-case>p{color:#9caaaf;font-size:12px;line-height:1.85}.case-selector{display:flex;gap:0;margin-top:25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.case-selector button{font-size:9px;color:#94a0a4;padding:10px 12px;border-bottom:1px solid transparent}.case-selector button[aria-pressed=true]{color:var(--bronze-light);border-bottom-color:var(--bronze)}.case-description{min-height:85px;color:#a6b2b5;font-size:11px;line-height:1.9;padding:20px 0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.tags>span{font:7px var(--mono);border:1px solid #6c604652;padding:5px 8px;color:#ad997e}.project-visual{padding:10px 0}.at-mark{font-weight:850;letter-spacing:-.07em;font-size:70px;text-align:center;color:#d4b55a;line-height:1.2}.at-mark small{display:block;font-size:8px;letter-spacing:.2em;color:#d3c8b4}.project-flow{display:flex;gap:6px;justify-content:center;margin:25px 0}.project-flow span{font:8px var(--mono);color:#a9aaa0;border:1px solid #67573d73;padding:7px 12px}.mini-dashboard{border:1px solid #4a45357d;border-radius:3px;background:#111718;padding:14px}.mini-dashboard>div{display:flex;justify-content:space-between;font-size:8px;color:#afb9bb;border-bottom:1px solid var(--line);padding-bottom:10px}.mini-dashboard>div b{color:#d4b55a;font-weight:400}.mini-dashboard>i{height:18px;display:block;background:linear-gradient(90deg,#d4b55a23 55%,#d4b55a05 55%);border-left:2px solid #d4b55a70;margin-top:8px}.mini-dashboard>i:nth-of-type(2){background:linear-gradient(90deg,#d4b55a23 80%,#d4b55a05 80%)}.mini-dashboard>i:nth-of-type(3){background:linear-gradient(90deg,#d4b55a23 35%,#d4b55a05 35%)}.mini-dashboard small{font:6px var(--mono);color:#6f7a7d;display:block;text-align:right;margin-top:13px}.process-list{margin:0 0 27px}.process-list article{display:grid;grid-template-columns:45px 1fr;gap:12px;position:relative;padding:0 0 25px}.process-list article:not(:last-child):before{content:"";position:absolute;top:38px;bottom:0;left:15px;width:1px;background:#73543855}.process-list article>span{font:10px var(--mono);color:var(--bronze-light);border:1px solid #805d3e77;border-radius:50%;width:31px;height:31px;display:flex;align-items:center;justify-content:center}.process-list small{font:7px var(--mono);color:#6c7d85;letter-spacing:.1em}.process-list h2{font-size:21px;margin:5px 0 9px}.process-list p{font-size:11px;color:#99a6ac;line-height:1.8}.preview-process{margin:30px 0}.preview-process p{display:flex;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--line);font-size:13px}.preview-process span{color:var(--bronze);font:9px var(--mono)}.system-visual{padding:20px 0;display:flex;align-items:center;flex-direction:column}.system-web{border:1px solid #86613e73;padding:14px 25px;color:var(--bronze-light);font:25px var(--mono);border-radius:4px;text-align:center}.system-web small,.system-core small{display:block;font:6px var(--mono);letter-spacing:.1em;color:#8d8375;margin-top:9px}.system-core{padding:24px 30px;border:1px solid #b58a5a;background:radial-gradient(ellipse at top,#b97b3a14,transparent);border-radius:8px;font-weight:650;font-size:29px;letter-spacing:-.04em;box-shadow:0 0 30px #a3703612;color:var(--bronze-light);text-align:center}.system-connection{height:40px;width:1px;background:#8f674a66;position:relative}.system-connection:after{content:"";width:4px;height:7px;background:var(--bronze-light);position:absolute;left:-1.5px;animation:signal 2.8s ease-in-out infinite}.system-outputs{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.system-outputs span{padding:8px;border:1px solid #7159446e;font:6px var(--mono);color:#ba9c7c}.about-content>p{font-size:13px;line-height:1.95;color:#a2adb1;margin-bottom:19px}.about-signature{display:flex;align-items:center;gap:22px;padding:25px 0;border-block:1px solid var(--line);margin-top:30px}.about-signature>span{font:36px var(--mono);color:var(--bronze)}.about-signature>div{font-size:25px;font-weight:600;letter-spacing:-.04em}.about-signature small{display:block;font:6px/1.8 var(--mono);letter-spacing:.06em;color:#8f9ca2}.big-code{font:85px var(--mono);color:var(--bronze);letter-spacing:-.15em;padding:80px 0;text-align:center;text-shadow:0 0 35px #b27c3422}.contact-preview-code{font:11px/2 var(--mono);padding:25px 0;margin:35px 0;border-block:1px solid var(--line);color:#93afbd}.contact-preview-code span{color:#b9a1c6}.contact-preview-code b{font-weight:400;color:#cfa16f}.email-link{font-size:12px;color:var(--bronze-light);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:25px;overflow-wrap:anywhere}.email-link .icon{width:14px;height:14px}.portal-card{border:1px solid #5948378c;margin-top:38px;padding:15px;display:flex;gap:12px;align-items:center;font-size:10px}.portal-card>.icon{color:var(--bronze)}.portal-card>span{margin-right:auto}.portal-card small{display:block;font-size:9px;color:#99a6a8;margin-top:5px}.source-document{padding:28px 0}.source-document>.code-lines{font-size:11px}
/* Contact: retained PHP form and accessible server feedback. */
.contact-section .contact-grid{display:block}.contact-copy>.eyebrow{margin-bottom:17px}.contact-copy h2{font-size:clamp(27px,2.5vw,40px);margin-bottom:18px}.contact-copy>p{font-size:12px;color:#98a5aa;line-height:1.8}.contact-next,.contact-note{display:none}.contact-email{display:block;font-size:9px;color:#7e929a;margin-top:20px}.contact-email>span{display:flex;align-items:center;gap:10px;color:var(--bronze-light);font-size:12px;margin-top:4px}.arrow-icon{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4}.form-shell{margin-top:25px}.form-intro{font:7px var(--mono);color:#9d846a;display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);gap:10px;margin-bottom:15px}.form-intro>span:last-child{color:#627a85}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{min-width:0;margin-bottom:15px}.field label{font-size:10px;display:flex;gap:5px;color:#c3cccf;margin-bottom:7px}.field label>span{color:var(--bronze)}.field .optional{font-size:8px;color:#6f8994;margin-left:auto}.field input,.field select,.field textarea{width:100%;padding:10px 12px;background:#0b1012;border:1px solid #354147;border-radius:2px;color:#d8dfdf;font-size:11px;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--bronze)}.field textarea{resize:vertical;min-height:120px;line-height:1.75}.field input::placeholder,.field textarea::placeholder{color:#526d7a}.field-help{font-size:8px;line-height:1.7;color:#718994;display:block;margin-top:5px}.message-assist{display:flex;gap:10px;justify-content:space-between}.message-assist>small:last-child{white-space:nowrap;font:8px var(--mono);color:#9a8d78;padding-top:7px}.field-error{color:#e2a18e;font-size:9px;line-height:1.7;display:block;margin-top:4px}.field [aria-invalid=true]{border-color:#bb7765}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.consent{display:flex;align-items:flex-start;gap:10px;font-size:9px;line-height:1.8;color:#95a5ac}.consent input{accent-color:var(--bronze);margin-top:3px;flex-shrink:0}.consent a{color:var(--bronze-light);text-decoration:underline}.submit{margin-top:21px;width:100%}.form-foot{font-size:8px;color:#6f8995;line-height:1.8;margin-top:12px}.notice,.setup-notice{font-size:10px;line-height:1.8;border:1px solid #4b6655;padding:12px 14px;margin-bottom:18px;border-radius:2px;color:#bbcebf}.notice.error{border-color:#805245;color:#e2b09c}.setup-notice{border-color:#715635;color:#c2a783;background:#9a6b2110;font-size:9px}.notice p{margin-top:5px;color:#99b2a4}
/* Existing studio demonstrations, adapted to the code workspace. */
.studio-document{padding:28px 24px}.studio-document .document-heading{margin-bottom:25px}.studio-document .document-heading h1{font-size:33px}.studio-shell{border:1px solid #344044;border-radius:3px;overflow:hidden;background:#0b1012}.studio-toolbar{border-bottom:1px solid var(--line);padding:0;background:#12191c;display:flex;align-items:center}.tabs{display:flex;overflow-x:auto;scrollbar-width:thin;width:100%}.tabs>button{white-space:nowrap;color:#8a9ca5;font:9px var(--sans);padding:13px 12px;border-bottom:1px solid transparent}.tabs>button[aria-selected=true]{color:var(--bronze-light);border-bottom-color:var(--bronze);background:#ffffff02}.demo-label{display:none}.demo-side{display:none}.demo-content,.alternate-demo{padding:18px}.demo-header{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.demo-header p{font:6px var(--mono);color:#7f949c;margin-bottom:8px;letter-spacing:.06em}.demo-header h3{font-size:18px;letter-spacing:-.03em;line-height:1.3}.demo-header select,.demo-header>.status{font-size:8px;padding:6px;border:1px solid #43514d;background:#14201c;color:#abc1af;flex-shrink:0;max-width:100%}.demo-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px}.demo-stats>div{border:1px solid #34423f;padding:12px 10px;background:#a3834a05;min-width:0}.demo-stats>div>span{display:block;font-size:7px;color:#8ca29f;line-height:1.5}.demo-stats strong{font-size:28px;line-height:1.5;font-weight:500;color:var(--bronze-light)}.demo-stats small{display:block;font-size:6px;color:#617c83}.demo-chart-row{display:grid;grid-template-columns:1fr;gap:17px}.chart{border:1px solid #2b373b;padding:14px}.chart-title{font-size:9px;color:#bbc9cc;display:flex;justify-content:space-between}.chart-title span{font-size:7px;color:#637f88}.chart-bars{height:110px;display:flex;gap:14px;align-items:flex-end;padding:15px 5px 18px}.chart-bars>span{height:100%;flex:1;display:flex;align-items:flex-end;position:relative;justify-content:center}.chart-bars i{display:block;width:100%;height:42%;background:linear-gradient(0deg,#846143,#cf9c69);border-top:1px solid #ebc29b;transition:height .5s}.chart-bars>span:nth-child(2) i{height:68%}.chart-bars>span:nth-child(3) i{height:55%}.chart-bars>span:nth-child(4) i{height:88%}.chart-bars>span:nth-child(5) i{height:72%}.chart-bars>span:nth-child(6) i{height:94%}.chart-bars.quarter>span:nth-child(1) i{height:65%}.chart-bars.quarter>span:nth-child(2) i{height:55%}.chart-bars.quarter>span:nth-child(3) i{height:85%}.chart-bars.quarter>span:nth-child(4) i{height:65%}.chart-bars.quarter>span:nth-child(5) i{height:95%}.chart-bars.quarter>span:nth-child(6) i{height:75%}.chart-bars small{position:absolute;bottom:-17px;font-size:6px;color:#6c8890}.demo-list>.chart-title{margin-bottom:7px}.demo-list>div:not(.chart-title){display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:9px;color:#94a7ad}.status{font:7px var(--mono);font-weight:400;background:#846b3e1c;color:#c3a778;padding:4px 6px}.silver-status{color:#99b3bd;background:#8dabb51a}.demo-list>p,.demo-note,.shop-intro{font-size:8px;line-height:1.8;color:#69848f;margin-top:12px}.demo-enquiry{margin-top:15px}.demo-enquiry .text-link{font-size:9px;margin-top:0}.filter-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.filter-buttons button{padding:6px 10px;font-size:8px;border:1px solid #34454d;color:#92a3aa}.filter-buttons button.selected{color:var(--bronze-light);border-color:#946c42;background:#ae784511}.week-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.week-grid>div{border:1px solid #2c3b40;min-width:0;padding:10px}.week-grid h4{font-size:9px;color:#adbdc3;margin:0 0 10px;display:flex;justify-content:space-between}.week-grid h4 span{color:#6d818b;font-size:7px}.week-grid article{border-left:2px solid #be9768;padding:9px;background:#a8865810;margin-top:8px}.week-grid article>*{display:block;line-height:1.7}.week-grid article small{font-size:7px;color:#c8b79f}.week-grid article strong{font-size:9px;font-weight:500;color:#c1cccf}.week-grid article>span{font-size:7px;color:#78919b}.portal-grid{display:grid;gap:20px}.portal-grid h4{font-size:14px;font-weight:500;line-height:1.5}.portal-progress{height:4px;background:#24313a;margin:15px 0}.portal-progress span{display:block;background:#b68b5d;width:62%;height:100%}.milestones{list-style:none;padding:0;font-size:9px;color:#8b9fa8;margin:15px 0}.milestones li{padding:12px 0;border-bottom:1px solid #2b3a42;display:flex;justify-content:space-between;gap:10px}.milestones li.complete{color:#b4c6bb}.milestones span{font-size:7px;color:#a88f72}.portal-docs h4{margin-bottom:12px}.portal-docs button{font-size:9px;display:flex;justify-content:space-between;width:100%;padding:12px 7px;border-bottom:1px solid #2d3c43;color:#aabcc3;text-align:left}.portal-docs button span{font-size:8px;color:#c4a483}.portal-docs button .icon{width:12px;height:12px}.portal-docs>p{font-size:8px;line-height:1.9;color:#76939e;margin-top:15px;white-space:pre-line}.shop-intro{margin:0 0 15px}.shop-layout{display:grid;gap:17px}.shop-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-product{border:1px solid #2f3e45;background:#ffffff02;min-width:0;overflow:hidden}.shop-art{height:75px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at bottom,#b0824122,transparent)}.shop-art-lamp>span{display:block;width:24px;height:26px;border:1px solid #bf996a;background:#906c40;transform:skew(-10deg);position:relative}.shop-art-lamp>span:before{content:"";width:2px;height:31px;position:absolute;top:25px;left:12px;background:#bf996a}.shop-art-lamp>span:after{content:"";width:28px;height:3px;position:absolute;top:53px;left:-1px;background:#bf996a}.shop-art-stand>span{width:40px;height:30px;border:3px solid #9b998f;border-left-width:7px;transform:skew(-15deg)}.shop-art-book>span{height:47px;width:34px;border:1px solid #9c774f;border-left-width:4px;border-radius:2px;background:#8f6d4022;transform:rotate(-10deg)}.shop-product-copy{padding:9px}.shop-product h4{font-size:10px;line-height:1.4}.shop-product p{font-size:7px;line-height:1.7;color:#7c929d;margin:6px 0;min-height:35px}.shop-product strong{font-size:11px;color:var(--bronze-light);font-weight:400}.shop-product label{font-size:7px;color:#7f96a0;display:block;margin-top:10px}.shop-product select{width:100%;font-size:8px;border:1px solid #37474f;background:#0c1418;color:#b7c7ce;padding:5px;margin:4px 0 8px}.shop-add{width:100%;background:#ba9063;color:#151614;padding:7px 3px;font-size:7px;display:flex;align-items:center;justify-content:space-around;gap:2px}.shop-cart{border:1px solid #3d4b50;padding:15px;background:#0e1619}.shop-cart .micro{margin-bottom:8px}.shop-cart h4{font-size:14px;display:flex;justify-content:space-between;margin-bottom:15px}.shop-cart h4>span{font-size:10px;color:var(--bronze-light)}#shop-lines>p{font-size:9px;color:#73909c}.shop-line{padding:12px 0;border-top:1px solid var(--line)}.shop-line strong{font-size:10px;display:block;font-weight:400}.shop-line small{display:block;color:#7b929c;font-size:8px;margin-top:3px}.shop-quantity{display:flex;align-items:center;gap:12px;justify-content:flex-end;font-size:9px}.shop-quantity button{border:1px solid #4f5a59;width:25px;height:25px;font-size:13px}.shop-total{font-size:10px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;margin-top:15px}.shop-total strong{color:var(--bronze-light);font-size:13px;font-weight:400}.shop-disclaimer{font-size:7px;line-height:1.8;color:#637f8c;margin-top:12px}#shop-clear{font-size:8px;margin-top:15px;border:1px solid #4b5b61;padding:7px 10px;color:#a4b3ba}#shop-feedback{font-size:9px;line-height:1.8;color:var(--bronze-light);margin-top:12px}.noscript-note{font-size:12px;text-align:center;padding:15px;color:var(--bronze-light)}
@keyframes blink{50%{opacity:0}}@keyframes signal{0%{top:0;opacity:0}25%{opacity:1}90%{opacity:1}100%{top:32px;opacity:0}}@keyframes document-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
/* Laptop and smaller desktop. */
@media(min-width:1500px){.workspace{grid-template-columns:48px 200px minmax(0,1fr) minmax(330px,32%)}.document-page{padding:36px 40px}.home-document{padding:28px 0}.code-lines{font-size:13px;line-height:2.05}.code-lines>li{min-height:26px}.preview-home{padding:32px}.preview-hero{padding-top:50px}.preview-hero>p:nth-of-type(2){font-size:12px}.preview-hero .button{font-size:11px}.preview-page:not(.preview-home){padding:36px 32px}}
@media(max-width:1190px) and (min-width:761px){.site-header{padding-inline:24px;height:80px}.brand,.brand img{width:165px}.site-header nav{gap:20px}.site-header nav>a{font-size:10px}.site-header nav>.nav-portal{margin-left:8px;padding:7px 11px}.workspace-shell{height:calc(100svh - 139px);width:calc(100% - 32px);margin-top:15px;min-height:570px}.workspace{grid-template-columns:40px 143px minmax(0,1fr) minmax(245px,30%)}.explorer-label{padding:0 10px;font-size:8px}.file-link{font-size:9px;gap:7px;padding-left:20px}.folder{padding-left:6px}.folder summary{font-size:9px;padding-left:9px}.file-tree>summary{font-size:8px;padding-inline:9px}.folder-note{font-size:8px}.explorer-bottom{padding:20px 11px;font-size:9px}.explorer-bottom a{font-size:8px}.source-tab{font-size:9px;padding:0 10px;gap:6px}.document-page{padding:25px}.home-document{padding:22px 0}.code-lines{font-size:10px;line-height:2.05;padding-left:48px}.code-lines>li{min-height:21px}.typing-line{padding-left:48px;font-size:9px}.code-note{margin-left:48px;font-size:8px}.source-heading{font-size:7px}.terminal-panel{padding-inline:16px;font-size:9px;height:115px}.preview-page,.preview-home{padding:24px 20px}.preview-hero h1{font-size:29px}.preview-hero>p:nth-of-type(2){font-size:9px}.preview-hero .button{font-size:9px;padding:8px 11px;gap:12px}.preview-page h2{font-size:25px}.service-card{padding:15px 12px}.service-card h2{font-size:15px}.service-card p{font-size:9px}.service-card small{font-size:6px}.service-card small .icon{width:11px}.studio-document{padding:22px 17px}.studio-document .document-heading h1{font-size:29px}.studio-document .document-heading>p:last-child{font-size:11px}.tabs>button{padding:12px 8px;font-size:8px}.demo-content,.alternate-demo{padding:13px}.demo-header{flex-wrap:wrap;gap:10px}.shop-products{grid-template-columns:1fr}.shop-product{display:grid;grid-template-columns:70px 1fr}.shop-art{height:100%;min-height:140px}.shop-product p{min-height:0}.shop-product h4{font-size:12px}.form-row{grid-template-columns:1fr;gap:0}.form-intro>span:last-child{display:none}.workspace-shell.preview-expanded .workspace{grid-template-columns:40px 0 minmax(260px,1fr) minmax(280px,1fr)}.preview-expanded .explorer{visibility:hidden}.status-center{display:none}}
/* Mobile is a composed website view; code is an optional second view. */
@media(max-width:760px){html{scroll-behavior:auto}.site-header{height:74px;padding:0 16px;position:relative;z-index:20;background:#080c0e;border-bottom-color:#6d4e323d}.brand{width:160px;height:67px}.brand img{width:160px}.menu-toggle{display:flex;align-items:center;gap:9px;padding:10px 0 10px 15px;color:var(--bronze-light);font:10px var(--mono);min-height:44px}.menu-toggle .icon{width:18px;height:18px}.site-header nav{display:none;position:absolute;top:73px;left:0;right:0;padding:15px 20px 20px;background:#0e1518;border-bottom:1px solid #826140;box-shadow:0 12px 35px #0009;grid-template-columns:1fr 1fr;gap:0 25px;z-index:30}.site-header nav.open{display:grid}.site-header nav>a{font-size:12px;padding:13px 5px;border-bottom:1px solid #263137}.site-header nav>a[aria-current=page]:after{left:5px;right:auto;width:25px;bottom:5px}.site-header nav>.nav-portal{grid-column:1/-1;margin:15px 0 0;border-radius:3px;padding:11px 13px;display:flex;justify-content:space-between}.workspace-shell{height:auto;min-height:calc(100svh - 125px);max-height:none;width:calc(100% - 20px);margin-top:12px;border-radius:5px}.workspace-title{height:29px;font-size:7px;padding:0 10px;letter-spacing:.04em}.workspace-title p{gap:7px}.workspace-dots{width:auto;gap:4px;margin-right:13px}.workspace-dots i{height:4px;width:4px}.workspace-title>p{margin-right:auto}.workspace-live{font-size:0;gap:0}.workspace-live i{height:4px;width:4px}.workspace{display:flex;flex-direction:column;min-height:0}.activity-rail,.explorer{display:none!important}.editor-pane{display:contents}.editor-tabs{height:40px;order:0;flex-shrink:0}.source-tab{min-height:40px;padding:0 13px;font-size:9px;gap:6px}.source-tab:first-child{min-width:128px}.editor-path{height:28px;font-size:8px;gap:9px;padding:0 14px;order:1}.path-right{font-size:7px}.mobile-views{display:flex;align-items:center;justify-content:center;gap:3px;padding:9px 14px;border-bottom:1px solid var(--line);order:2;background:#0c1215}.mobile-views button{display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid transparent;color:#8c9da5;padding:7px 22px;font-size:10px;border-radius:3px}.mobile-views button[aria-pressed=true]{background:#a67a4920;border-color:#a07b515c;color:var(--bronze-light)}.mobile-views .icon{width:13px;height:13px}.editor-scroll{overflow:visible;order:3;min-height:0;flex:none}.document-page{padding:28px 22px;animation:none}.home-document{padding:22px 0 28px}.source-heading{font-size:7px;padding:0 19px 18px}.code-lines{padding:0 14px 0 49px;font:10px/2.1 var(--mono);overflow-x:auto}.code-lines>li{min-height:21px}.code-lines>li:before{font-size:8px;left:-34px}.typing-line{font-size:9px;padding-left:49px}.code-note{font-size:8px;margin:24px 18px 0 49px;gap:7px}.terminal-panel{order:5;height:110px;padding:0 16px 7px;font-size:9px}.terminal-tabs{font-size:7px;height:30px;gap:20px}.terminal-active{height:30px}.terminal-caption{font-size:6px}.preview-pane{order:4;border-left:0;display:none}.preview-toolbar{display:none}.preview-address{height:28px;font-size:7px;padding-inline:18px;background:#0c1214}.preview-scroll{overflow:visible;flex:none}.preview-page{padding:30px 22px;min-height:480px}.preview-home{min-height:525px;padding:29px 25px 22px;background-position:center bottom}.preview-home:before{background:linear-gradient(180deg,#080b0db8,#080b0d80 32%,transparent 60%)}.preview-identity strong{font-size:25px}.preview-identity small{font-size:4px}.preview-hero{padding-top:30px}.preview-hero>p:first-child{font-size:7px;margin-bottom:12px;letter-spacing:.08em}.preview-hero h1{font-size:35px;letter-spacing:-.055em;line-height:1.07}.preview-hero>p:nth-of-type(2){font-size:10px;line-height:1.8;max-width:275px;margin-top:16px}.preview-hero .button{font-size:10px;min-height:38px;margin-top:19px;padding:9px 14px;gap:24px}.preview-home-bottom{font-size:6px;padding-top:125px}.preview-bottom{height:27px;font-size:6px}.status-bar{height:25px;font-size:7px;padding:0 9px;gap:9px}.status-bar .icon{width:10px;height:10px}.status-bar>span{gap:7px}.status-center{display:none!important}.status-bar>span:last-child>span:nth-child(2){display:none}.site-footer{padding:14px 13px 20px;font-size:7px;gap:10px}.site-footer p{display:none}.site-footer>div{gap:14px}body[data-page=home][data-view=preview] .editor-scroll{display:none}body[data-page=home][data-view=preview] .preview-pane{display:flex}body:not([data-page=home]) .mobile-views{display:none}body:not([data-page=home]) .terminal-panel{height:95px}body:not([data-page=home]) .terminal-prompt{display:none}body.source-active .mobile-views{display:flex}body.source-active .editor-scroll{display:block!important}body.source-active .preview-pane{display:none!important}.document-heading{margin-bottom:25px}.document-heading h1{font-size:32px;margin-bottom:16px;letter-spacing:-.045em}.document-heading>p:first-child{font-size:7px;margin-bottom:16px}.document-heading>p:last-child{font-size:11px;line-height:1.9}.service-grid{gap:9px}.service-card{padding:16px 12px 13px}.service-card>div{margin-bottom:18px;font-size:8px}.service-card>div .icon{width:23px;height:23px}.service-card h2{font-size:16px;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}.service-card p{font-size:9px;line-height:1.8;min-height:65px}.service-card small{font-size:5px;margin-top:16px;line-height:1.7;gap:3px;letter-spacing:-.01em}.service-card small .icon{width:11px;height:11px;flex-shrink:0}.text-link{font-size:10px;margin-top:23px;gap:10px}.project-case{padding:19px}.case-label{font-size:6px;line-height:1.7}.project-case h2{font-size:31px;margin-top:24px}.project-case>p{font-size:11px}.case-selector{margin-top:19px;gap:0}.case-selector button{font-size:8px;padding:10px 8px;min-height:39px}.case-description{font-size:10px;min-height:95px;line-height:1.9}.tags{margin-bottom:18px}.tags>span{font-size:6px;padding:5px 6px}.project-case .button{font-size:10px;padding:10px 14px}.process-list article{grid-template-columns:35px 1fr;gap:12px;padding-bottom:25px}.process-list h2{font-size:22px}.process-list p{font-size:11px}.process-list small{font-size:7px}.about-content>p{font-size:12px;line-height:1.95}.about-signature{gap:17px}.about-signature>span{font-size:30px}.about-signature small{font-size:5px}.contact-copy h2{font-size:30px}.contact-copy>p{font-size:11px}.contact-email{font-size:9px;margin-top:19px}.contact-email>span{font-size:12px}.form-intro{font-size:6px;gap:6px;margin-bottom:15px}.form-intro>span:last-child{font-size:6px}.form-row{gap:12px}.field input,.field select,.field textarea{font-size:16px;padding:10px 11px;min-height:43px}.field textarea{min-height:135px;font-size:14px}.field label{font-size:10px}.field .optional{font-size:7px}.field-help{font-size:8px}.consent{font-size:9px;line-height:1.8}.submit{font-size:11px;min-height:45px}.form-foot{font-size:8px}.setup-notice{font-size:9px}.studio-document{padding:27px 17px}.studio-document .document-heading{padding:0 5px}.studio-document .document-heading h1{font-size:31px}.studio-document .document-heading>p:last-child{font-size:11px}.tabs>button{font-size:9px;padding:13px 10px;min-height:43px}.demo-content,.alternate-demo{padding:14px}.demo-header{gap:10px;flex-wrap:wrap}.demo-header h3{font-size:18px;max-width:235px}.demo-header select{font-size:10px;padding:7px}.demo-stats>div{padding:11px 9px}.demo-stats>div>span{font-size:7px}.demo-stats strong{font-size:27px}.demo-stats small{font-size:6px}.chart-bars{gap:10px;height:108px}.week-grid{gap:7px}.week-grid>div{padding:8px}.week-grid h4{font-size:9px}.week-grid article{padding:7px}.milestones li{font-size:9px}.milestones li>span{font-size:7px;white-space:nowrap}.shop-products{grid-template-columns:1fr}.shop-product{display:grid;grid-template-columns:83px 1fr}.shop-art{height:100%;min-height:164px}.shop-product-copy{padding:12px}.shop-product h4{font-size:13px}.shop-product p{min-height:0;font-size:9px}.shop-product strong{font-size:13px}.shop-product label{font-size:8px;margin-top:9px}.shop-product select{font-size:16px;padding:6px 8px}.shop-add{font-size:10px;padding:10px;min-height:38px}.shop-cart h4{font-size:16px}.shop-cart .shop-total{font-size:12px}.shop-cart .shop-total strong{font-size:15px}.shop-disclaimer{font-size:8px}#shop-clear{font-size:10px;min-height:39px}#shop-lines>p{font-size:10px}.shop-line strong{font-size:12px}.shop-line small{font-size:9px}.shop-quantity{font-size:11px}.shop-quantity button{width:33px;height:33px}.shop-intro{font-size:9px}.demo-note{font-size:8px}.portal-docs>p{font-size:9px}.portal-docs button{font-size:10px;min-height:43px}.portal-docs button span{font-size:9px}.source-document{padding:24px 0}}
@media(max-width:359px){.brand,.brand img{width:142px}.document-page{padding:25px 17px}.document-heading h1{font-size:29px}.preview-hero h1{font-size:31px}.preview-home{padding-inline:22px;min-height:510px}.form-row{grid-template-columns:1fr;gap:0}.form-intro>span:last-child{display:none}.service-card{padding:14px 10px}.service-card h2{font-size:14px}.service-card small{font-size:5px}.service-card p{font-size:8px;min-height:72px}.studio-document{padding-inline:12px}.tabs>button{font-size:8px;padding-inline:8px}.status-bar>span:first-child .status-check{display:none}.code-lines{font-size:9px;padding-left:43px}.typing-line{padding-left:43px;font-size:8px}.case-label>span:last-child{font-size:5px}.case-selector button{padding-inline:6px;font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:760px){.service-card p{font-size:11px;min-height:95px}.service-card small{font-size:7px;line-height:1.6}.document-heading>p:last-child,.contact-copy>p{font-size:12px}.preview-hero>p:nth-of-type(2){font-size:11px}.demo-list>div:not(.chart-title){font-size:10px}.demo-stats>div>span{font-size:8px}.demo-stats small{font-size:7px}.demo-list .status{font-size:8px}.demo-list>p{font-size:9px}.field-help,.form-foot{font-size:9px}}
@media(max-width:359px){.service-card p{font-size:10px;min-height:96px}.service-card small{font-size:6px}}

/* V6.2 — Native vector artwork. Crisp at every size; no photographic asset. */
.preview-home{background:radial-gradient(ellipse at 50% 67%,#a7794010,transparent 62%),#090e10;overflow:hidden}
.preview-home:before{display:none}
.preview-hero{padding-top:28px}
.preview-home-bottom{padding-top:22px}
.native-system{margin:18px -12px 0;position:relative;flex-shrink:0}
.native-system-svg{width:100%;height:auto;max-height:300px;display:block;overflow:visible}
.native-system figcaption{display:flex;justify-content:center;align-items:center;gap:7px;color:#9b8873;font:6px/1.8 var(--mono);letter-spacing:.12em;margin-top:0}
.native-system figcaption>span{width:3px;height:3px;border-radius:50%;background:#cba67e}
.circuit-detail{fill:none;stroke:#5d5546;stroke-width:.6;opacity:.35}
.circuit-wires{fill:none;stroke:#a77c53;stroke-width:.9;opacity:.62}
.circuit-signals{fill:none;stroke:#f0c69b;stroke-width:2.6;stroke-linecap:round}
.circuit-signals>path{stroke-dasharray:1 99;stroke-dashoffset:0;animation:core-packet 5s linear infinite}
.circuit-signals>path:nth-child(2){animation-delay:-2.6s;animation-duration:5.8s}
.circuit-signals>path:nth-child(3){animation-delay:-1.2s;animation-duration:5.5s}
.circuit-signals>path:nth-child(4){animation-delay:-3.7s;animation-duration:6.2s}
.core-frame{fill:none;stroke:#947451;stroke-width:.6;stroke-dasharray:3 7;opacity:.25}
.chip-pins-native{fill:none;stroke:#b48860;stroke-width:2;stroke-linecap:round}
.core-edge{stroke:#deb68c;stroke-width:.5}
.core-engraving{fill:none;stroke:#d7b18b;stroke-width:.7;opacity:.55}
.core-wordmark{font:600 23px var(--sans);text-anchor:middle;letter-spacing:-1.3px;fill:#f1e0cd}
.core-wordmark tspan{fill:#d5a579}
.core-subtitle{font:5.2px var(--mono);text-anchor:middle;letter-spacing:1px;fill:#a9967e}
.core-indicator{fill:#debc94;animation:core-breathe 5s ease-in-out infinite}
.system-endpoint>rect{fill:#101719;stroke:#6c5842;stroke-width:.7}
.system-endpoint>use{fill:none;stroke:#cba178;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.system-endpoint>text{fill:#c6bba9;font:10px var(--sans);letter-spacing:-.15px}
.system-endpoint>circle{fill:#c29a71;opacity:.55}
@keyframes core-packet{to{stroke-dashoffset:-100}}
@keyframes core-breathe{0%,100%{opacity:.4}50%{opacity:1}}
@media(min-width:1500px){.preview-home .preview-hero{padding-top:30px}.native-system{margin-top:22px}.native-system-svg{max-height:340px}.preview-home-bottom{padding-top:22px}}
@media(max-width:1190px) and (min-width:761px){.native-system{margin-inline:-14px}.native-system-svg{max-height:245px}.preview-hero{padding-top:25px}.preview-home-bottom{padding-top:18px}}
@media(max-width:760px){.preview-home{min-height:0;padding-top:24px;padding-bottom:22px}.preview-home .preview-hero{padding-top:23px}.native-system{margin:18px -8px 0}.native-system-svg{max-height:256px}.native-system figcaption{font-size:6px;margin-top:3px}.preview-home-bottom{padding-top:18px}}
@media(max-width:359px){.native-system{margin-inline:-11px}.native-system-svg{max-height:235px}.preview-home .preview-hero{padding-top:21px}.preview-home{min-height:0}}
@media(prefers-reduced-motion:reduce){.circuit-signals>path,.core-indicator{animation:none!important}}

/* V6.3 / concise technical content */
.technical-scope{border-top:1px solid var(--line)}.technical-scope article{padding:21px 0;border-bottom:1px solid var(--line)}.technical-scope article>span{font:7px var(--mono);letter-spacing:.08em;color:#a28a70}.technical-scope h2{font-size:22px;margin:10px 0}.technical-scope p{font-size:12px;line-height:1.8;color:#94a3aa}.stack-list{margin:35px 0 0}.stack-list>div{padding:22px 0;border-top:1px solid var(--line)}.stack-list dt{font-size:12px;color:#d1c2b0}.stack-list dd{font:10px var(--mono);margin:10px 0 0;color:#879da7}.preview-hero .button{margin-top:22px}.preview-home .native-system{margin-top:28px}.contact-section .form-row:has(>input[type=hidden]){grid-template-columns:1fr}

/* V6.4 / centered development wordmark */
.preview-home .preview-hero{text-align:center;padding-top:30px}
.preview-home .preview-hero>p:first-child{font-size:7px;letter-spacing:.16em;margin-bottom:25px;color:#a68b71}
.preview-home .preview-hero .development-title{font-family:var(--mono);font-weight:750;font-size:clamp(15px,1.45vw,26px);letter-spacing:-.065em;line-height:1.35;max-width:none;text-align:center;margin:0 auto;color:#eee4d6}
.development-title .development-line{display:block;white-space:nowrap;color:inherit;animation:development-enter .9s ease-out both}
.preview-home .development-title .development-amp{display:block;font:500 19px/1.8 var(--mono);letter-spacing:0;color:#b78960;animation:development-enter .9s .12s ease-out both}
.preview-home .development-title .development-line-last{color:#d2ad85;animation-delay:.24s}
.preview-home .preview-hero .button{margin-top:24px;font-size:9px;font-weight:500;background:transparent;border-color:#82624466;color:#baa58d;box-shadow:none;padding:7px 13px;min-height:33px}
.preview-home .native-system{margin-top:24px}
@keyframes development-enter{from{opacity:0;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:760px){.preview-home .preview-hero{padding-top:26px}.preview-home .preview-hero .development-title{font-size:clamp(15px,4.4vw,22px)}.preview-home .preview-hero>p:first-child{font-size:7px;margin-bottom:23px}.preview-home .development-title .development-amp{font-size:18px}.preview-home .native-system{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.development-title>span{animation:none!important}}

.motion-paused .development-title>span{animation:none!important;opacity:1;transform:none;filter:none}

/* V6.5 / accessible menu labels in code typography */
.site-header nav>a{font-family:var(--mono);font-size:11px;letter-spacing:-.025em;font-weight:400}
.site-header nav>a[aria-current=page]{color:var(--bronze-light)}
.site-header nav>a[aria-current=page]:after{height:1px;background:var(--bronze);bottom:6px}
.site-header nav>.nav-portal{font-family:var(--mono);font-size:10px;letter-spacing:-.025em}
@media(max-width:1190px) and (min-width:761px){.site-header nav{gap:18px}.site-header nav>a{font-size:10px}.site-header nav>.nav-portal{font-size:9px}}
@media(max-width:760px){.site-header nav>a{font-size:12px;letter-spacing:-.025em;padding:14px 5px;min-height:46px}.site-header nav>a[aria-current=page]:after{bottom:6px;width:26px}.site-header nav>.nav-portal{font-size:11px;min-height:46px}}

/* V6.6 / more room for the design, quieter chrome */
.workspace-shell .workspace{grid-template-columns:46px 156px minmax(0,1fr) minmax(300px,40%)}
.workspace-shell.explorer-collapsed .workspace{grid-template-columns:46px 0 minmax(0,1fr) minmax(300px,44%)}
.workspace-shell.preview-expanded .workspace{grid-template-columns:46px 156px minmax(260px,1fr) minmax(0,1.25fr)}
.workspace-shell.preview-expanded.explorer-collapsed .workspace{grid-template-columns:46px 0 minmax(260px,1fr) minmax(0,1.25fr)}
.preview-home .preview-hero .development-title{font-weight:650;color:#eee9e2;letter-spacing:-.055em;font-size:clamp(17px,1.7vw,28px)}
.preview-home .development-title .development-line-last{color:#eee9e2}
.preview-home .development-title .development-amp{font-size:15px;color:#b78c65;line-height:2.15}
#terminal-toggle{display:none}
.native-system-stage{position:relative;width:100%;max-width:360px;margin:0 auto}
.native-system-stage .native-system-svg{width:100%;height:auto;max-height:none}
.native-system-controls{position:absolute;inset:0}
.native-system-controls button{position:absolute;width:25%;height:16.13%;padding:0;border-radius:7px;background:transparent;outline-offset:3px}
.native-system-controls button[data-endpoint=ui]{left:2.22%;top:8.71%}
.native-system-controls button[data-endpoint=api]{left:72.78%;top:8.71%}
.native-system-controls button[data-endpoint=data]{left:2.22%;top:75.16%}
.native-system-controls button[data-endpoint=logic]{left:72.78%;top:75.16%}
.native-system figcaption output{font:inherit;color:inherit}
.system-endpoint>rect{transition:fill .25s,stroke .25s}
.native-system[data-active=ui] [data-node=ui]>rect,.native-system[data-active=api] [data-node=api]>rect,.native-system[data-active=data] [data-node=data]>rect,.native-system[data-active=logic] [data-node=logic]>rect{fill:#31271e;stroke:#e0b485;stroke-width:1.3}
.native-system[data-active=ui] .circuit-wires>path:nth-child(1),.native-system[data-active=api] .circuit-wires>path:nth-child(2),.native-system[data-active=data] .circuit-wires>path:nth-child(3),.native-system[data-active=logic] .circuit-wires>path:nth-child(4){stroke:#efc494;stroke-width:1.6;opacity:1}
.native-system[data-active] .core-frame{opacity:.5;stroke:#bd9368}
@media(max-width:1190px) and (min-width:761px){.workspace-shell .workspace{grid-template-columns:40px 137px minmax(0,1fr) minmax(245px,38%)}.workspace-shell.explorer-collapsed .workspace{grid-template-columns:40px 0 minmax(0,1fr) minmax(245px,42%)}.workspace-shell.preview-expanded .workspace{grid-template-columns:40px 0 minmax(240px,1fr) minmax(260px,1.2fr)}.preview-home .preview-hero .development-title{font-size:clamp(16px,1.7vw,23px)}}
@media(max-width:760px){.preview-home .preview-hero .development-title{font-size:clamp(15px,4.4vw,22px);font-weight:650}.preview-home .development-title .development-amp{font-size:14px}.native-system-stage{max-width:320px}body .terminal-panel:not(.terminal-open){height:44px}body .terminal-panel.terminal-open{height:132px}.terminal-panel .terminal-tabs{height:43px;gap:17px}.terminal-active{height:43px}.terminal-panel .terminal-caption{display:none}#terminal-toggle{display:block;margin-left:auto;width:auto;height:43px;padding:0 7px;font:8px var(--mono);color:var(--bronze-light)}.terminal-panel #motion-toggle{height:43px;width:26px;flex-shrink:0}.terminal-panel:not(.terminal-open) #terminal-content{display:none}}

/* V6.7 / bold terminal typography; one brand in the site header */
.preview-home .preview-hero{padding-top:7px}
.preview-home .preview-hero>p:first-child{margin-bottom:25px;letter-spacing:.15em;color:#b18e6c}
.title-console{position:relative;padding:4px 18px 10px;text-align:center;isolation:isolate}
.title-console:before,.title-console:after{position:absolute;top:39%;color:#aa8059;font:300 22px/1 var(--mono);opacity:.65}
.title-console:before{content:'<';left:-2px}.title-console:after{content:'/>';right:-7px;font-size:16px}
.preview-home .preview-hero .development-title{font-family:var(--mono);font-weight:900;font-size:clamp(25px,2.4vw,41px);letter-spacing:-.075em;line-height:1.14;color:#faf5ee}
.development-title .title-software,.development-title .title-development{text-transform:uppercase;position:relative;color:#faf5ee;text-shadow:0 1px 0 #ffffff24}
.development-title .title-software{letter-spacing:.015em}
.development-title .title-development{background:linear-gradient(100deg,#faf5ee 0%,#faf5ee 35%,#e6bb8e 48%,#faf5ee 61%,#faf5ee 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:development-enter .8s .1s ease-out both,title-code-light 2.8s .8s ease-out 1}
.development-title .development-subtitle{display:block;font:600 clamp(11px,1.05vw,16px)/1.5 var(--mono);letter-spacing:-.035em;color:#c2ac93;margin-top:15px;white-space:nowrap}
.title-caret{display:inline-block;background:#c69a6f;width:5px;height:11px;margin-left:6px;vertical-align:-1px;animation:blink 1.25s step-end 4}
.preview-home .preview-hero .button{margin-top:22px}
.preview-home .native-system{margin-top:17px}
@keyframes title-code-light{0%{background-position:100% 0}100%{background-position:0 0}}
@media(min-width:1500px){.preview-home .preview-hero{padding-top:8px}.preview-home .preview-hero .development-title{font-size:clamp(34px,2.4vw,46px)}}
@media(max-width:1190px) and (min-width:761px){.preview-home .preview-hero .development-title{font-size:clamp(23px,2.5vw,32px)}.title-console{padding-inline:12px}.title-console:before{left:-5px}.title-console:after{right:-8px;font-size:13px}.development-title .development-subtitle{font-size:10px}}
@media(max-width:760px){.preview-home .preview-hero{padding-top:5px}.preview-home .preview-hero>p:first-child{margin-bottom:23px}.preview-home .preview-hero .development-title{font-size:clamp(24px,8.2vw,36px);font-weight:900;letter-spacing:-.075em}.development-title .development-subtitle{font-size:12px;margin-top:14px}.title-console{padding-inline:15px}.title-console:before{left:-2px;font-size:20px}.title-console:after{right:-5px;font-size:14px}.preview-home .native-system{margin-top:16px}}
@media(max-width:359px){.preview-home .preview-hero .development-title{font-size:25px}.development-title .development-subtitle{font-size:10px}.title-console:before{left:-3px}.title-console:after{right:-7px;font-size:12px}}
.motion-paused .development-title .title-development{animation:none!important;background-position:0 0}.motion-paused .title-caret{animation:none!important;opacity:1}
@media(prefers-reduced-motion:reduce){.development-title .title-development,.title-caret{animation:none!important}}

/* V6.8 / warm bronze title, matched to the circuit core */
.preview-home .preview-hero .development-title,.development-title .title-software{color:#c9a37c;text-shadow:none}
.development-title .title-development{color:#c9a37c;text-shadow:none;background-image:linear-gradient(100deg,#b58b64 0%,#c8a17a 35%,#dfbb95 48%,#bd946d 61%,#b58b64 100%)}
.development-title .development-subtitle{color:#a69580}
.title-console:before,.title-console:after{color:#97734e;opacity:.6}
.title-caret{background:#b68c63}

/* V6.9 / compact heading scale */
.preview-home .preview-hero .development-title{font-size:clamp(20px,1.8vw,29px);line-height:1.18}
.development-title .development-subtitle{font-size:clamp(10px,.85vw,13px);margin-top:11px}
.title-console:before{font-size:17px}.title-console:after{font-size:12px}
@media(min-width:1500px){.preview-home .preview-hero .development-title{font-size:clamp(25px,1.8vw,33px)}}
@media(max-width:1190px) and (min-width:761px){.preview-home .preview-hero .development-title{font-size:clamp(20px,1.8vw,25px)}}
@media(max-width:760px){.preview-home .preview-hero .development-title{font-size:clamp(20px,6.2vw,27px)}.development-title .development-subtitle{font-size:11px;margin-top:11px}}
@media(max-width:359px){.preview-home .preview-hero .development-title{font-size:21px}.development-title .development-subtitle{font-size:10px}}

/* V6.10 / one consistent, live JavaScript heading */
.preview-home .script-title-console{display:table;width:auto;max-width:100%;padding:0;margin:0 auto;text-align:left;font:600 clamp(12px,1.04vw,16px)/1.9 var(--mono);letter-spacing:-.035em;color:#bba389}
.script-title-console:before,.script-title-console:after{display:none}
.preview-home .preview-hero .script-development-title{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-align:left;color:#c6ad90;text-transform:none}
.script-title-row{display:block;white-space:nowrap;padding-left:1.2em;min-height:1.9em;animation:none!important}
.script-typed{font:inherit;text-transform:none;animation:none!important;color:#cfb291}
.script-punctuation{color:#8f9a9d;font-weight:400}
.script-declaration,.script-ending{font:inherit;color:#8e9da2}
.script-declaration>span{color:#b091b0;font-weight:500}
.script-ending .title-caret{height:.85em;width:.4em;margin-left:.35em;animation:blink 1.25s step-end 4}
@media(max-width:1190px) and (min-width:761px){.preview-home .script-title-console{font-size:12px}}
@media(max-width:760px){.preview-home .script-title-console{font-size:clamp(12px,3.4vw,14px)}.preview-home .preview-hero .script-development-title{font:inherit;letter-spacing:inherit}}
@media(max-width:359px){.preview-home .script-title-console{font-size:12px}.preview-home .preview-hero .script-development-title{font:inherit;letter-spacing:inherit}}

/* V6.11 / Safari: suppress the visual ring on programmatically focused titles.
   The heading remains focused for assistive technology; interactive controls
   retain their existing :focus-visible styling. */
.document-page h1[tabindex="-1"]:focus,.document-page h2[tabindex="-1"]:focus{outline:none;box-shadow:none}

/* V6.12 / project preview is available within the mobile project card. */
.project-inline-preview{display:none}
@media(max-width:760px){
.project-inline-preview{display:block;border:1px solid #4e4c39;border-radius:4px;overflow:hidden;background:#0d1213;margin:17px 0 0}
.project-inline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #3a3d33;background:#161b19;font:7px var(--mono);color:#b2a885}
.project-inline-toolbar small{font-size:6px;color:#7d877e;letter-spacing:.04em}
.project-inline-screen{padding:14px;min-height:210px;background:radial-gradient(ellipse at bottom right,#b59c4012,transparent 65%),#101615}
.at-site-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #42433280;padding-bottom:12px}
.at-site-nav strong{font-size:22px;line-height:.9;letter-spacing:-.06em;color:#c8ac55}.at-site-nav strong>span{font:5px var(--mono);display:block;letter-spacing:.1em;margin-top:5px}.at-site-nav>small{font-size:6px;color:#b4b6a8;line-height:1.7;text-align:right}
.at-site-hero{padding:23px 0 17px}.at-site-hero>span{font-size:21px;font-weight:650;letter-spacing:-.045em;color:#e3e1d4;display:block}.at-site-hero>small{font-size:9px;color:#a8a994;display:block;margin:6px 0 11px}.at-site-hero>i{display:block;height:3px;width:72%;background:#b7bb9e23;margin-top:6px}.at-site-hero>i:last-child{width:52%}
.at-site-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.at-site-sections>span{border:1px solid #a38e483b;padding:9px 4px;color:#b9ab7c;font:7px var(--mono);text-align:center}
.at-admin-top{display:flex;justify-content:space-between;gap:10px;font:7px var(--mono);color:#c5b15f;padding-bottom:14px}.at-admin-top>span:last-child{color:#9fa99c}.at-admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.at-admin-cards>span{border-top:2px solid #b89e49;padding:14px 3px;background:#b79f4710;font-size:8px;color:#c1bc9f;text-align:center}.at-admin-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #3b433635;font-size:8px;color:#a2afa6}.at-admin-row>i{height:3px;width:27%;background:#baa35459}
.project-inline-screen[data-project-screen=onderweg]{padding:13px;display:flex;justify-content:center;min-height:230px}.at-phone-preview{width:142px;border:1px solid #7b7958;border-radius:18px;background:#111715;padding:10px 11px 12px;box-shadow:0 10px 20px #0003}.at-phone-speaker{width:30px;height:3px;border-radius:3px;background:#3b4237;margin:0 auto 14px}.at-phone-preview>strong{display:block;font:7px var(--mono);color:#c7ac59;padding:0 0 13px;border-bottom:1px solid #414333}.at-phone-preview>span{font-size:9px;color:#b9c0b3;display:flex;justify-content:space-between;border-bottom:1px solid #41433366;padding:12px 0}.at-phone-preview b{font-weight:400;color:#c2a657}.at-phone-nav{display:flex;justify-content:space-around;margin-top:14px}.at-phone-nav>i{height:4px;width:12px;border-radius:3px;background:#6e7259}.at-phone-nav>i:first-child{background:#c2a657}
.project-inline-caption{font:6px var(--mono);color:#859185;text-align:center;padding:8px 5px;border-top:1px solid #3a3d33;letter-spacing:.03em}
}


/* V7.0 / contact fields use the same single focus border as the portal. */
#contact .field input:focus,#contact .field input:focus-visible,#contact .field select:focus,#contact .field select:focus-visible,#contact .field textarea:focus,#contact .field textarea:focus-visible{outline:none;box-shadow:none;border:1px solid #cd9a6d;background:#101719}

/* ITScriptor / approved bronze wordmark. */
.brand img{transform:scale(1.5);transform-origin:center;max-width:none}
@media(max-width:760px){.workspace-title p{font-size:7px;gap:7px}.workspace-title p>span{font-size:8px}.preview-home-bottom>span{font-size:7px}}