:root{--ink:#11110f;--paper:#f3f0e7;--lime:#c8ff35;--orange:#ff7043;--blue:#75c7ff;--muted:#69675f;--line:rgba(17,17,15,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--lime)}
header{height:82px;padding:0 clamp(20px,4vw,66px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.15;font-weight:850;letter-spacing:.08em}.brand b{width:39px;height:39px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;letter-spacing:-.08em;font-size:14px}.brand i{font-style:normal;color:var(--muted);font-weight:500;letter-spacing:.15em}nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:650}nav a:hover{opacity:.5}.headerCta{border-bottom:1px solid;padding:9px 0}.mobileMenu{display:none;background:none;border:0;font-size:22px}
.hero{min-height:710px;padding:65px clamp(20px,4vw,66px) 75px;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(45px,6vw,95px);align-items:center}.eyebrow,.label{font-size:9px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero h1,.sectionTitle{font-size:clamp(57px,6.3vw,96px);line-height:.89;letter-spacing:-.07em;margin:0;font-weight:670}.hero h1 em,.sectionTitle em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.heroText{max-width:570px;color:#535149;font-size:18px;line-height:1.58;margin:32px 0}.actions{display:flex;gap:20px;align-items:center}.btn{min-height:52px;padding:0 22px;border:0;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:780}.btn:hover{transform:translateY(-2px);box-shadow:5px 5px 0 rgba(17,17,15,.2)}.btn.light{background:#fff;color:var(--ink)}.btn.lime{background:var(--lime);color:var(--ink)}.textLink{border-bottom:1px solid;padding:10px 0;font-size:12px;font-weight:700}.availability{margin-top:45px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.availability span:before{content:'';display:inline-block;width:7px;height:7px;background:#42b75d;border-radius:50%;margin-right:9px}
.stage{min-height:545px;position:relative;display:grid;place-items:center}.stage:before{content:'';position:absolute;inset:5% 3% 3% 8%;border-radius:50%;background:var(--orange);transform:rotate(-8deg)}.stage:after{content:'';position:absolute;width:33%;aspect-ratio:1;border-radius:50%;background:var(--lime);left:-3%;bottom:5%;mix-blend-mode:multiply}.sticker{position:absolute;z-index:5;left:0;top:10%;width:92px;aspect-ratio:1;border-radius:50%;background:var(--lime);border:1px solid;display:grid;place-items:center;text-align:center;transform:rotate(-10deg);font:800 10px/1.05 Arial}.sticker strong{font:400 25px Georgia}.note{position:absolute;z-index:5;right:0;bottom:10%;background:var(--ink);color:#fff;padding:14px 17px;font-size:9px;line-height:1.3;letter-spacing:.13em;font-weight:850;transform:rotate(-4deg)}
.visual{position:relative;overflow:hidden;background:#ddd;border:1px solid}.visual.large{z-index:3;width:min(94%,680px);min-height:430px;transform:rotate(2.2deg);border:7px solid var(--ink);box-shadow:17px 20px 0 rgba(17,17,15,.3)}.browser{height:28px;background:var(--ink);display:flex;align-items:center;gap:5px;padding:0 10px}.browser i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.7}.browser span{color:#fff;font-size:7px;opacity:.5;margin:auto}.mock{position:absolute;inset:28px 0 0;background:#f7f3e9;padding:18px}.mocknav{height:23px;display:flex;align-items:center;gap:10px}.mocknav b{width:23px;height:23px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px}.mocknav i{height:4px;width:36px;background:#aaa}.mocknav em{margin-left:auto;width:57px;height:18px;background:var(--ink)}.mockhero{margin-top:16px;min-height:61%;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.accent-orange .mockhero{background:var(--orange)}.accent-blue .mockhero{background:var(--blue)}.accent-lime .mockhero{background:var(--lime)}.mockhero:after{content:'';position:absolute;width:42%;aspect-ratio:1;right:-3%;top:10%;border-radius:50%;background:#ffffff66;border:1px solid #0002}.mockhero small{font-size:8px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.mockhero strong{font:400 clamp(29px,4vw,56px)/.9 Georgia;letter-spacing:-.05em;max-width:73%;position:relative;z-index:2}.mockhero p{font-size:8px;line-height:1.4;max-width:55%;position:relative;z-index:2}.mockhero button{background:var(--ink);color:#fff;border:0;font-size:7px;padding:8px 12px;position:relative;z-index:2}.mockgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px}.mockgrid i{height:50px;background:#ddd6ca}.cover{width:100%;height:100%;object-fit:cover;display:block}
.actualProjectPreview{background:#f7f4ee}.actualProjectPreview iframe{position:absolute;inset:0;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:#fff}.actualProjectPreview .liveLabel{position:absolute;z-index:3;left:18px;bottom:18px;background:#111;color:#fff;border-radius:100px;padding:10px 13px;font-size:8px;font-weight:850;letter-spacing:.12em;box-shadow:0 8px 25px #0004}.liveProjectShell{border:1px solid #ffffff35;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 35px 90px #0008}.liveProjectBar{height:48px;background:#151515;display:flex;align-items:center;gap:7px;padding:0 16px;color:#ffffff70;font:10px monospace}.liveProjectBar i{width:9px;height:9px;border-radius:50%;background:#ff665a}.liveProjectBar i:nth-child(2){background:#ffca4c}.liveProjectBar i:nth-child(3){background:#66d16c}.liveProjectBar span{margin:auto}.liveProjectBar a{color:#fff;border:1px solid #ffffff30;border-radius:100px;padding:7px 11px}.liveProjectShell>iframe{display:block;width:100%;height:min(78vh,900px);min-height:620px;border:0;background:#fff}.liveProjectNote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;color:#ffffff8f;font-size:11px}.liveProjectNote b{color:#fff}
.conceptCard>.actualProjectPreview{width:100%;aspect-ratio:1.5;border-radius:20px;border:1px solid #14141420;box-shadow:0 16px 40px #1112;transition:transform .45s,box-shadow .45s}.conceptCard:hover>.actualProjectPreview{transform:translateY(-8px);box-shadow:0 24px 55px #1717192c}.actualProjectPreview.lockedPortfolioPreview iframe{filter:blur(15px) saturate(.45);transform:scale(.54);opacity:.72}.lockedPortfolioPreview:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#0b0b0ba8,#17141170);z-index:2}.previewLock{position:absolute;z-index:4;inset:0;display:grid;place-items:center;text-align:center;color:#fff}.previewLock span{width:58px;height:58px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#0d0d0db5;font-size:20px;backdrop-filter:blur(8px)}.previewLock b{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.previewLock small{display:block;margin-top:6px;color:#ffffffb5;font-size:9px;letter-spacing:.06em}.lockedPortfolioPreview .liveLabel{display:none}
.sorselePreviewMock{position:absolute;inset:0;background:#e7dfd0;color:#1c1a17;padding:7%}.sorseleMockNav{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:950;letter-spacing:.08em}.sorseleMockNav span{font-size:7px}.sorseleMockHero{position:absolute;left:7%;right:7%;top:24%;bottom:9%;border-radius:9px;overflow:hidden;background:linear-gradient(120deg,#132017 0 52%,#786b55 53%);color:#fff;padding:7%;display:flex;flex-direction:column;justify-content:center}.sorseleMockHero:before{content:'';position:absolute;right:6%;bottom:0;width:42%;height:64%;background:linear-gradient(140deg,transparent 0 29%,#181916 30% 57%,#b78652 58%);clip-path:polygon(0 45%,38% 8%,100% 40%,100% 100%,0 100%)}.sorseleMockHero small,.sorseleMockHero strong,.sorseleMockHero p{position:relative;z-index:1;max-width:48%}.sorseleMockHero small{font-size:7px;letter-spacing:.15em}.sorseleMockHero strong{font:900 clamp(22px,4vw,48px)/.88 Georgia;margin:10px 0}.sorseleMockHero p{font-size:8px;line-height:1.5}.lockedPortfolioPreview .sorselePreviewMock{filter:blur(12px) saturate(.55);transform:scale(1.06);opacity:.75}
.fiskePreviewMock{position:absolute;inset:0;background:#f3f5f2;color:#11251d;padding:6%}.fiskeMockNav{display:flex;align-items:center;gap:7%;padding-bottom:4%;border-bottom:1px solid #18382b33}.fiskeMockNav b{font-size:15px;letter-spacing:-.04em}.fiskeMockNav span{font-size:7px;letter-spacing:.08em}.fiskeMockNav i{margin-left:auto;width:21%;height:20px;border-radius:100px;background:#f06e35}.fiskeMockHero{position:absolute;left:6%;right:6%;top:25%;bottom:8%;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 78% 44%,#a6c6cf 0 9%,transparent 10%),linear-gradient(115deg,#0c352d 0 53%,#76909a 54%);color:#fff;padding:7%;display:flex;flex-direction:column;justify-content:center}.fiskeMockHero:before{content:'';position:absolute;right:5%;bottom:-8%;width:46%;height:70%;border-radius:58% 42% 46% 54%;background:linear-gradient(145deg,#263d37,#95a7a1);transform:rotate(-9deg)}.fiskeMockHero small,.fiskeMockHero strong,.fiskeMockHero p{position:relative;z-index:1;max-width:48%}.fiskeMockHero small{font-size:7px;letter-spacing:.15em}.fiskeMockHero strong{font:900 clamp(23px,4vw,50px)/.86 "Arial Black",Arial,sans-serif;margin:9px 0;text-transform:uppercase}.fiskeMockHero p{font-size:8px;line-height:1.5}.lockedPortfolioPreview .fiskePreviewMock{filter:blur(12px) saturate(.55);transform:scale(1.06);opacity:.76}
.wallenbergPreviewMock{position:absolute;inset:0;background:#eee9de;color:#172339;padding:6%;font-family:Georgia,serif}.wallenbergMockNav{display:flex;align-items:center;padding-bottom:4%;border-bottom:1px solid #17233955}.wallenbergMockNav b{font-size:15px;letter-spacing:.08em}.wallenbergMockNav span{margin-left:auto;font:700 7px Arial,sans-serif;letter-spacing:.13em}.wallenbergMockHero{position:absolute;left:6%;right:6%;top:24%;bottom:8%;overflow:hidden;background:#172339;color:#f6f0e5;padding:7%;display:flex;flex-direction:column;justify-content:center}.wallenbergMockHero:before,.wallenbergMockHero:after{content:'';position:absolute;border:1px solid #b99a5c}.wallenbergMockHero:before{width:42%;aspect-ratio:1;border-radius:50%;right:4%;top:10%}.wallenbergMockHero:after{width:33%;height:65%;right:12%;bottom:-20%;transform:rotate(38deg)}.wallenbergMockHero small,.wallenbergMockHero strong,.wallenbergMockHero p{position:relative;z-index:1;max-width:52%}.wallenbergMockHero small{font:700 7px Arial,sans-serif;letter-spacing:.17em;color:#d4bc89}.wallenbergMockHero strong{font:400 clamp(24px,4vw,50px)/.92 Georgia,serif;margin:11px 0}.wallenbergMockHero p{font:400 8px/1.55 Arial,sans-serif}.lockedPortfolioPreview .wallenbergPreviewMock{filter:blur(12px) saturate(.45);transform:scale(1.06);opacity:.76}
@media(max-width:950px){.conceptCard>.actualProjectPreview{aspect-ratio:1.55}}
@media(max-width:640px){.conceptCard>.actualProjectPreview{aspect-ratio:1.08;border-radius:15px}.previewLock span{width:52px;height:52px}.previewLock small{font-size:8px}}
.lockedProjectGate{position:relative;min-height:calc(100vh - 70px);display:grid;place-items:center;overflow:hidden;border-radius:22px;margin:28px auto 0;max-width:1230px}.lockedProjectBackdrop{position:absolute;inset:-30px;overflow:hidden;background:#111}.lockedProjectBackdrop iframe{width:100%;height:100%;border:0;filter:blur(24px) brightness(.35) saturate(.55);transform:scale(1.12);pointer-events:none}.lockedProjectBackdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#080808c9,#17130f9c)}.lockedProjectGate .gate{position:relative;z-index:2;width:min(calc(100% - 30px),520px);box-shadow:14px 14px 0 #d77b45}.lockedProjectGate .gate input{font-size:16px}.lockedProjectGate .gate .message:not(:empty){color:#a5422d;font-weight:800}.lockedProjectMeta{display:flex;gap:12px;align-items:center;margin-top:18px;color:#777068;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.lockedProjectMeta i{width:7px;height:7px;border-radius:50%;background:#d77b45}
.ticker{height:47px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:28px;overflow:hidden;white-space:nowrap;font-size:10px;letter-spacing:.15em;font-weight:750}.ticker div{display:flex;gap:28px;align-items:center;min-width:max-content;animation:move 26s linear infinite}.ticker i{color:var(--lime)}@keyframes move{to{transform:translateX(-45%)}}
.section{padding:115px clamp(20px,5.5vw,88px)}.intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:58px}.intro p{color:var(--muted);line-height:1.65;max-width:500px;margin:0}.filter{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:34px}.filter button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 15px;font-size:10px;font-weight:700}.filter button.active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 24px}.card .visual{aspect-ratio:1.38;transition:.3s}.card:hover .visual{transform:translateY(-6px);box-shadow:8px 8px 0 var(--ink)}.card .visual .mockhero{padding:24px}.card .visual .mockgrid i{height:36px}.meta{display:flex;justify-content:space-between;padding-top:18px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.card h3{font-size:35px;letter-spacing:-.05em;margin:7px 0}.card>p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.process{background:var(--ink);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.process .sectionTitle em{color:var(--lime)}.steps{border-top:1px solid #ffffff33}.step{min-height:150px;border-bottom:1px solid #ffffff33;padding:28px 0;display:grid;grid-template-columns:42px 1fr;gap:20px}.step>span{color:var(--lime);font-size:10px}.step h3{font-size:22px;margin:0 0 10px}.step p{font-size:13px;line-height:1.55;color:#ffffff99;max-width:470px;margin:0}
.portal{background:#f8f5ed;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.portal p{color:var(--muted);line-height:1.6;max-width:490px}.ticks{display:grid;gap:10px;margin:24px 0 32px;font-size:12px;font-weight:650}.ticks span:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lime);margin-right:10px}.portalBox{min-height:500px;background:#242420;color:#fff;box-shadow:22px 25px 0 var(--orange);padding:30px;display:flex;flex-direction:column}.portalTop{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding-bottom:22px}.portalTop b{font-size:9px;letter-spacing:.15em}.welcome{margin-top:auto}.welcome small{color:var(--lime);letter-spacing:.18em;font-weight:800}.welcome h3{font-size:52px;line-height:.95;letter-spacing:-.06em;margin:14px 0}.welcome p{font-size:12px;color:#ffffff88}.fakeInput{height:54px;background:#fff;color:#777;margin-top:20px;padding-left:18px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.2em}.fakeInput b{height:100%;display:flex;align-items:center;background:var(--lime);color:var(--ink);padding:0 18px;font-size:10px;letter-spacing:0}
.contact{background:var(--orange);display:grid;grid-template-columns:1fr .8fr;gap:9vw}.contact p{line-height:1.6;max-width:530px}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.form input,.form textarea,.form select{width:100%;border:0;border-bottom:1px solid #0007;background:#ffffff24;padding:14px;outline:0;font-size:13px}.form textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message{font-size:12px;font-weight:700}.success{background:var(--paper);border:1px solid;box-shadow:8px 8px 0;padding:35px;align-self:center}.success h3{font-size:25px}.hidden{display:none!important}footer{min-height:190px;background:var(--ink);color:#fff;padding:45px clamp(20px,4vw,66px);display:flex;align-items:end;justify-content:space-between;font-size:10px;color:#ffffff88}
.utility{min-height:100vh;background:#191916;color:#fff;padding:25px clamp(18px,4vw,60px)}.utility header{padding:0 0 22px;height:auto;border-color:#ffffff22}.utility .brand b{background:var(--lime);color:var(--ink)}.back{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff99}.gateShell{min-height:calc(100vh - 105px);display:grid;place-items:center}.gate{width:min(100%,520px);background:var(--paper);color:var(--ink);padding:45px;box-shadow:12px 12px 0 var(--orange)}.gate h1{font-size:60px;line-height:.9;letter-spacing:-.07em;margin:18px 0}.gate h1 em{font:400 1em Georgia;color:var(--orange)}.gate p{color:var(--muted);font-size:13px;line-height:1.55}.gate form{display:grid;gap:11px;margin-top:25px}.gate input{height:52px;border:1px solid;padding:0 14px}.projectView{max-width:1230px;margin:50px auto}.projectTop{display:grid;grid-template-columns:1fr .5fr;gap:60px;align-items:end;margin-bottom:35px}.projectTop h1{font-size:clamp(58px,8vw,108px);line-height:.85;letter-spacing:-.075em;margin:13px 0}.projectTop p{color:#ffffff99;line-height:1.6;max-width:550px}.status{border-top:1px solid #ffffff33;padding-top:15px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.projectView .visual{width:100%;min-height:620px;transform:none;border-color:#fff;box-shadow:none}
.studio{min-height:100vh;background:#e9e5db}.studio header{background:var(--paper)}.studioShell{max-width:1280px;margin:auto;padding:55px 24px 90px}.studioTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.studioTitle h1{font-size:76px;letter-spacing:-.07em;margin:0}.studioTitle p{max-width:410px;color:var(--muted);font-size:13px;line-height:1.5}.adminVersion{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#f8f5ee;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.adminVersion:before{content:'';width:7px;height:7px;border-radius:50%;background:#d77b45;box-shadow:0 0 0 4px #d77b4520}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px;max-width:100%}.tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:30px;background:transparent;padding:9px 16px;font-size:10px;font-weight:750}.tabs .active{background:var(--ink);color:#fff}.studioGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:start}.panel{background:#f8f5ee;border:1px solid var(--line);padding:27px}.panel h2{font-size:21px;margin:0 0 5px}.panel>p{color:var(--muted);font-size:11px;margin:0 0 22px}.projectList{display:grid;gap:10px}.projectRow{background:#fff;border:1px solid var(--line);padding:15px;display:grid;grid-template-columns:1fr auto;gap:10px}.projectRow h3{font-size:14px;margin:0 0 4px}.projectRow p{font-size:9px;color:var(--muted);margin:0}.rowActions{display:flex;gap:5px}.rowActions button,.rowActions a{width:34px;height:34px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center}.upload{border:1px dashed #888;background:var(--paper);padding:16px;text-align:center;font-size:10px}.empty{border:1px dashed var(--line);padding:40px;text-align:center;color:var(--muted);font-size:12px}.inquiry{border-top:1px solid var(--line);padding:18px 0}.inquiry h3{margin:0 0 5px;font-size:14px}.inquiry a{font-size:11px;color:#884f1a}.inquiry p{font-size:12px;color:var(--muted);line-height:1.55}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:13px 18px;font-size:11px;box-shadow:5px 5px 0 var(--lime)}
@media(max-width:900px){header nav{display:none}.mobileMenu{display:block}header nav.open{display:flex;position:absolute;left:0;right:0;top:100%;background:var(--paper);color:var(--ink);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid}.hero,.intro,.process,.portal,.contact,.studioGrid,.projectTop{grid-template-columns:1fr}.hero{padding-top:50px}.stage{min-height:450px}.intro{gap:25px}.portalBox{max-width:680px}.studioTitle{display:grid;gap:18px}}
@media(max-width:620px){header{height:70px}.hero{gap:30px}.hero h1{font-size:49px}.heroText{font-size:16px}.actions{flex-direction:column;align-items:stretch}.stage{min-height:350px}.visual.large{min-height:290px;border-width:5px}.sticker{width:68px}.section{padding-top:80px;padding-bottom:80px}.sectionTitle{font-size:49px}.grid{grid-template-columns:1fr}.filter{overflow:auto}.filter button{flex:none}.portalBox{min-height:430px;padding:23px;box-shadow:12px 14px 0 var(--orange)}.welcome h3{font-size:40px}.two{grid-template-columns:1fr}.gate{padding:30px 23px}.gate h1{font-size:48px}.projectView .visual{min-height:350px;border-width:4px}.studioTitle h1{font-size:54px}.studioShell{padding-top:40px}.studio .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio .tabs button{width:100%;min-width:0;padding:11px 8px;line-height:1.25}.adminVersion{font-size:8px}}

/* JM Studio 2.0 */
body{background:#09090b}.homev2{background:#09090b;color:#f4f2ec}.homev2+footer{background:#09090b;border-top:1px solid #ffffff16}.homev2~footer .brand b{background:#d5ff43!important}.homev2~footer a{color:#fff}body>header{position:absolute;left:0;right:0;top:0;color:#f7f5f0;border-color:#ffffff1c;background:linear-gradient(180deg,#08080ac7,transparent);backdrop-filter:blur(10px)}body>header .brand b{background:#d5ff43;color:#0a0a0b}body>header .brand i{color:#ffffff7d}body>header .headerCta{border:1px solid #ffffff3b;border-radius:100px;padding:12px 17px;transition:.25s}body>header .headerCta:hover{background:#fff;color:#111;opacity:1}body>header nav a{position:relative}body>header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#d5ff43;transition:.25s}body>header nav a:hover:after{right:0}
.hero2{min-height:900px;padding:132px clamp(20px,5.2vw,84px) 72px;display:grid;grid-template-columns:minmax(400px,.88fr) minmax(500px,1.12fr);gap:clamp(35px,5vw,85px);align-items:center;position:relative;overflow:hidden}.hero2:before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;background:#7224ff21;filter:blur(80px);left:-240px;top:100px}.heroCopy2{position:relative;z-index:2}.micro{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.19em;font-weight:760;text-transform:uppercase;color:#ffffff8b}.micro i{width:8px;height:8px;border-radius:50%;background:#d5ff43;box-shadow:0 0 0 6px #d5ff4318}.hero2 h1{font-size:clamp(68px,7.6vw,124px);line-height:.79;letter-spacing:-.078em;margin:33px 0 30px;font-weight:700;max-width:850px}.hero2 h1 span{display:block;color:#d5ff43;font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.hero2 p{max-width:580px;color:#b6b2ba;font-size:17px;line-height:1.65;margin:0 0 34px}.hero2 .btn{background:#d5ff43;color:#0a0a0b;border-radius:100px;padding:0 25px}.hero2 .textLink{color:#f7f5ef;border-color:#ffffff50}.heroArt{height:min(71vw,660px);max-height:660px;min-height:520px;position:relative;border-radius:36px;overflow:hidden;background:#111;box-shadow:0 40px 100px #0009}.heroArt>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.heroArt:hover>img{transform:scale(1.035)}.heroArt:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#09090bbc)}.artGrid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(#fff0 95%,#ffffff13 96%),linear-gradient(90deg,#fff0 95%,#ffffff13 96%);background-size:64px 64px;mix-blend-mode:screen;opacity:.28}.artPill{position:absolute;z-index:4;left:25px;bottom:25px;border:1px solid #ffffff3b;background:#0a0a0b85;backdrop-filter:blur(15px);border-radius:100px;padding:12px 17px;font-size:9px;letter-spacing:.14em}.artBadge{position:absolute;z-index:5;right:24px;top:24px;width:98px;height:98px;border-radius:50%;background:#ff6a3d;color:#111;display:grid;place-items:center;text-align:center;font:800 9px/1.15 Arial;transform:rotate(8deg);box-shadow:0 10px 30px #0005}.artBadge strong{font-size:22px;letter-spacing:-.05em}.heroFoot{display:flex;gap:34px;margin-top:48px;border-top:1px solid #ffffff18;padding-top:22px}.heroFoot div{display:grid;gap:4px}.heroFoot strong{font-size:20px;letter-spacing:-.04em}.heroFoot span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#ffffff63}
.signalBar{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,5.2vw,84px)}.signalBar div{min-height:115px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #ffffff18;padding:22px 30px}.signalBar div:last-child{border-right:1px solid #ffffff18}.signalBar strong{font-size:31px;letter-spacing:-.06em}.signalBar span{color:#ffffff68;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-top:5px}
.work2{background:#f0eee8;color:#101012;padding:135px clamp(20px,5.2vw,84px)}.workHead{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:64px}.workHead h2,.process2 h2,.portal2 h2,.contact2 h2{font-size:clamp(58px,7vw,108px);line-height:.86;letter-spacing:-.075em;margin:18px 0 0}.workHead h2 em,.contact2 h2 em{font-family:Georgia,serif;font-weight:400;color:#ff6338}.workHead p{color:#6e6b65;line-height:1.7;max-width:510px;margin:0}.work2 .label{color:#77736c}.work2 .filter{justify-content:flex-end;border:0;margin-top:-47px;margin-bottom:30px;padding:0}.work2 .filter button{border-color:#c8c3b7;padding:10px 17px}.work2 .filter button.active{background:#111;color:#fff}.workGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.card2{position:relative}.card2:first-child{grid-column:1/-1}.card2 .visual{aspect-ratio:1.45;border:0;border-radius:24px;background:#161618}.card2:first-child .visual{aspect-ratio:2.18}.card2 .cover{transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:saturate(.93)}.card2:hover .cover{transform:scale(1.045)}.card2 .visual:after{content:'ÖPPNA CASE  ↗';position:absolute;right:20px;bottom:20px;background:#d5ff43;color:#111;border-radius:100px;padding:12px 16px;font-size:8px;font-weight:850;letter-spacing:.12em;transform:translateY(12px);opacity:0;transition:.3s}.card2:hover .visual:after{transform:none;opacity:1}.card2 .browser{display:none}.cardInfo{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:18px 4px 0}.cardIndex{font:400 13px Georgia;color:#8c877d;padding-top:6px}.cardInfo h3{font-size:clamp(26px,3vw,43px);letter-spacing:-.055em;margin:0}.cardInfo p{color:#77736d;font-size:12px;line-height:1.5;max-width:460px;margin:3px 0 0}.cardInfo b{font-size:8px;text-transform:uppercase;letter-spacing:.13em;border:1px solid #c8c3b8;border-radius:100px;padding:8px 11px;white-space:nowrap}
.process2{padding:140px clamp(20px,5.2vw,84px);background:#0d0d10;color:#f5f3ed;display:grid;grid-template-columns:.83fr 1.17fr;gap:10vw}.process2 .label{color:#d5ff43}.process2 h2 span{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#d5ff43}.processList{border-top:1px solid #ffffff1e}.processItem{display:grid;grid-template-columns:48px 1fr auto;gap:20px;padding:30px 0;border-bottom:1px solid #ffffff1e;align-items:start}.processItem>span{font:400 14px Georgia;color:#d5ff43;padding-top:6px}.processItem h3{font-size:25px;margin:0 0 10px;letter-spacing:-.04em}.processItem p{color:#99969f;line-height:1.6;font-size:13px;max-width:480px;margin:0}.processItem i{font-style:normal;font-size:20px;color:#ffffff4b;transition:.25s}.processItem:hover i{color:#d5ff43;transform:translate(4px,-4px)}
.portal2{min-height:770px;padding:115px clamp(20px,5.2vw,84px);display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center;background:#5326ba;color:#fff;position:relative;overflow:hidden}.portal2:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;background:#ff6338;filter:blur(130px);opacity:.25;right:-180px;top:-220px}.portal2 p{color:#d9ceef;line-height:1.65;max-width:510px}.portal2 .ticks span:before{background:#d5ff43;color:#111}.portal2 .btn{background:#fff;color:#111;border-radius:100px}.portalUi{min-height:530px;border-radius:30px;border:1px solid #ffffff36;background:linear-gradient(145deg,#17121de8,#302344d9),url('/asset/hero') center/cover;box-shadow:0 45px 100px #1f0e515e;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.portalUi:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ffffff12,transparent 45%);pointer-events:none}.portalUiTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid #ffffff20;font-size:9px;letter-spacing:.14em}.portalUiTop b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d5ff43;color:#111}.portalUiBody{margin-top:auto;position:relative}.portalUiBody small{color:#d5ff43;letter-spacing:.16em;font-weight:800}.portalUiBody h3{font-size:clamp(40px,4vw,62px);line-height:.93;letter-spacing:-.06em;margin:15px 0}.portalUiBody p{font-size:12px;color:#ffffff8d}.portalCode{height:62px;background:#fff;color:#777;border-radius:12px;margin-top:24px;padding-left:18px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.23em}.portalCode b{height:100%;display:flex;align-items:center;background:#d5ff43;color:#111;border-radius:0 12px 12px 0;padding:0 20px;font-size:10px;letter-spacing:0}.portalStatus{display:flex;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid #ffffff20;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#ffffff73}.portalStatus b{color:#d5ff43}
.contact2{background:#d5ff43;color:#0b0b0c;padding:135px clamp(20px,5.2vw,84px);display:grid;grid-template-columns:1fr .76fr;gap:9vw}.contact2 h2 em{color:#5326ba}.contact2>div>p{max-width:530px;line-height:1.65;color:#3f462e}.contact2 .form input,.contact2 .form textarea{background:#ffffff44;border-bottom:1px solid #111;padding:16px}.contact2 .btn{border-radius:100px}.contact2 .message{min-height:16px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.shown{opacity:1;transform:none}
@media(max-width:950px){body>header nav{display:none}.hero2{grid-template-columns:1fr;padding-top:125px}.heroArt{min-height:460px;height:62vw}.signalBar{grid-template-columns:1fr 1fr}.signalBar div:nth-child(3){border-top:1px solid #ffffff18}.signalBar div:nth-child(4){border-top:1px solid #ffffff18}.workHead,.process2,.portal2,.contact2{grid-template-columns:1fr}.work2 .filter{justify-content:flex-start;margin:0 0 28px}.process2,.portal2,.contact2{gap:70px}.portalUi{max-width:760px}}
@media(max-width:640px){body>header .headerCta{display:none}.hero2{padding:108px 18px 48px;gap:45px;min-height:auto}.hero2 h1{font-size:59px;line-height:.82}.hero2 p{font-size:15px}.hero2 .actions{align-items:stretch}.heroArt{height:480px;min-height:0;border-radius:22px}.heroArt>img{object-position:62% center}.artBadge{width:76px;height:76px;right:14px;top:14px}.heroFoot{gap:20px;justify-content:space-between}.signalBar{padding:0 18px}.signalBar div{padding:17px 12px;min-height:90px}.signalBar strong{font-size:24px}.work2,.process2,.portal2,.contact2{padding:85px 18px}.workHead h2,.process2 h2,.portal2 h2,.contact2 h2{font-size:55px}.workGrid{grid-template-columns:1fr}.card2:first-child{grid-column:auto}.card2:first-child .visual,.card2 .visual{aspect-ratio:1.15;border-radius:17px}.cardInfo{grid-template-columns:auto 1fr}.cardInfo p{grid-column:2}.cardInfo b{grid-column:2;justify-self:start}.processItem{grid-template-columns:34px 1fr}.processItem i{display:none}.portalUi{min-height:480px;padding:22px;border-radius:22px}.portalCode{font-size:11px}.portalCode b{padding:0 13px}.contact2 .two{grid-template-columns:1fr}}

/* Code + concept direction */
.homev3{background:#09090b;color:#f5f3ee}.hero3{min-height:880px;padding:128px clamp(20px,5vw,82px) 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center;position:relative;overflow:hidden}.hero3:before{content:'</>';position:absolute;left:-40px;bottom:-100px;font:800 320px/1 monospace;color:#ffffff05}.hero3 h1{font-size:clamp(67px,7.2vw,116px);line-height:.81;letter-spacing:-.08em;margin:30px 0 28px}.hero3 h1 em{font:400 italic 1em Georgia;color:#d5ff43}.hero3 p{max-width:590px;color:#a6a3aa;font-size:17px;line-height:1.65}.hero3 .btn{background:#d5ff43;color:#111;border-radius:100px}.codeStage{height:620px;position:relative}.codeWindow{position:absolute;inset:15px 0 72px 6%;background:#111218;border:1px solid #ffffff20;border-radius:24px;overflow:hidden;box-shadow:0 45px 100px #000b}.ideTop{height:44px;background:#191a22;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #ffffff12}.ideTop i{width:9px;height:9px;border-radius:50%;background:#ff6859}.ideTop i:nth-child(2){background:#ffc94a}.ideTop i:nth-child(3){background:#63d76b}.ideTop span{margin-left:14px;color:#ffffff65;font:10px monospace}.ideBody{height:calc(100% - 44px);display:grid;grid-template-columns:150px 1fr}.fileTree{background:#0c0d12;padding:19px 13px;color:#797d8c;font:10px/2 monospace;border-right:1px solid #ffffff0d}.fileTree b{display:block;color:#d5ff43;font-weight:500}.fileTree span{display:block;padding-left:11px}.editor{padding:18px 22px;font:12px/1.75 monospace;color:#bac0ce;overflow:hidden}.editor div{white-space:pre}.editor i{font-style:normal;color:#6c7086;display:inline-block;width:27px}.syn-p{color:#d980ff}.syn-g{color:#d5ff43}.syn-o{color:#ff8c5f}.syn-b{color:#73c7ff}.syn-y{color:#ffe08a}.terminal{position:absolute;left:13%;right:-3%;bottom:0;height:142px;background:#060708e8;backdrop-filter:blur(18px);border:1px solid #ffffff20;border-radius:18px;padding:17px 19px;box-shadow:0 25px 60px #000a;font:10px/1.7 monospace;color:#8c919e}.terminal b{color:#d5ff43}.terminal span{color:#fff}.codeTag{position:absolute;right:-18px;top:6px;background:#ff6338;color:#111;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 9px/1.15 Arial;transform:rotate(9deg);z-index:5}.liveDot{position:absolute;left:18px;bottom:18px;border:1px solid #ffffff25;border-radius:100px;padding:10px 14px;color:#fff;font-size:8px;letter-spacing:.13em;z-index:5}.liveDot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d5ff43;margin-right:8px;box-shadow:0 0 10px #d5ff43}
.concepts{background:#f2f0e9;color:#101013;padding:130px clamp(20px,5vw,82px)}.conceptHead{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:58px}.conceptHead h2{font-size:clamp(58px,7vw,105px);line-height:.86;letter-spacing:-.075em;margin:18px 0 0}.conceptHead h2 em{font:400 italic 1em Georgia;color:#5728bd}.conceptHead p{color:#706d67;line-height:1.7;max-width:520px}.conceptGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px 24px}.conceptCard{display:block}.conceptFrame{aspect-ratio:1.5;border-radius:20px;overflow:hidden;background:#121216;box-shadow:0 12px 35px #17171918;transition:.45s}.conceptCard:hover .conceptFrame{transform:translateY(-8px);box-shadow:0 24px 55px #1717192c}.browserBar{height:28px;background:#16161a;color:#999;display:flex;align-items:center;gap:5px;padding:0 10px;font:8px monospace}.browserBar i{width:6px;height:6px;border-radius:50%;background:#ff665a}.browserBar i:nth-child(2){background:#ffca4c}.browserBar i:nth-child(3){background:#66d16c}.browserBar span{margin:auto}.conceptPage{height:calc(100% - 28px);position:relative;overflow:hidden}.conceptInfo{display:flex;justify-content:space-between;gap:20px;padding:18px 3px 0}.conceptInfo small{font:10px Georgia;color:#8b877e}.conceptInfo h3{font-size:31px;letter-spacing:-.055em;margin:0}.conceptInfo p{color:#716e68;font-size:12px;line-height:1.5;max-width:420px;margin:5px 0 0}.conceptInfo b{align-self:start;border:1px solid #c6c1b6;border-radius:100px;padding:8px 11px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.cabinPage{background:#dfd4bd;color:#1b1a17;padding:17px}.cabinNav,.fishNav,.workNav,.secureNav{display:flex;align-items:center;gap:13px;font-size:6px;text-transform:uppercase;letter-spacing:.1em}.cabinNav strong{font:700 12px Georgia;margin-right:auto}.cabinNav b{background:#1b1a17;color:#fff;padding:6px 9px;border-radius:100px}.cabinHero{height:68%;margin-top:13px;background:linear-gradient(90deg,#172018f2 0 48%,#1720182b),radial-gradient(circle at 78% 25%,#ffbd66 0 8%,transparent 9%),linear-gradient(145deg,#314534,#0c120d);border-radius:3px;color:#fff;padding:28px 25px;position:relative}.cabinHero:after{content:'';position:absolute;right:10%;bottom:13%;width:32%;height:42%;background:linear-gradient(135deg,#181914 50%,#e6a45b 51%);clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%)}.cabinHero small{font-size:6px;letter-spacing:.17em}.cabinHero h4{font:400 29px/.92 Georgia;margin:9px 0;max-width:52%}.cabinHero button{border:0;background:#d8ff4a;padding:7px 10px;border-radius:100px;font-size:6px}.cabinProducts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.cabinProducts span{height:30px;background:#c7b99e;padding:5px;font-size:6px}
.fishPage{background:#eaf5ff;color:#06223b;padding:15px}.fishNav strong{font-size:10px;margin-right:auto}.fishNav b{background:#0a4e81;color:#fff;padding:6px 9px;border-radius:100px}.fishHero{height:60%;margin-top:12px;border-radius:8px;background:linear-gradient(100deg,#063a65 0 52%,transparent 53%),radial-gradient(circle at 78% 50%,#a5f02c 0 9%,#1a6d9c 10% 27%,#062e4d 28%);color:white;padding:25px}.fishHero small{font-size:6px;letter-spacing:.17em;color:#8ecdf3}.fishHero h4{font-size:30px;line-height:.86;letter-spacing:-.06em;margin:10px 0;max-width:48%}.fishHero button{border:0;background:#a5f02c;padding:7px 10px;border-radius:100px;font-size:6px}.fishCats{display:flex;gap:6px;margin-top:9px}.fishCats span{background:#fff;padding:7px 9px;border-radius:100px;font-size:6px;box-shadow:0 3px 8px #063a6512}
.workPage{background:#f1eee5;color:#111;padding:14px}.workNav strong{font-size:10px;margin-right:auto}.workNav b{background:#ff5c2d;padding:6px 9px}.workHero{height:65%;margin-top:12px;display:grid;grid-template-columns:1.35fr .65fr}.workMain{background:#161616;color:#fff;padding:25px;position:relative;overflow:hidden}.workMain:after{content:'77';position:absolute;right:-7px;bottom:-25px;font:900 100px/1 Arial;color:#ffffff09}.workMain small{color:#ff6436;font-size:6px;letter-spacing:.18em}.workMain h4{font-size:31px;line-height:.85;letter-spacing:-.06em;margin:10px 0;max-width:75%}.workMain button{background:#ff6436;border:0;padding:7px 10px;font-size:6px}.workSide{background:#ff6436;padding:19px 14px;display:flex;flex-direction:column;justify-content:space-between}.workSide strong{font-size:20px}.workSide span{font-size:6px;border-top:1px solid #111;padding-top:7px}.serviceLine{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:8px;background:#bbb}.serviceLine span{background:#f1eee5;padding:7px;font-size:6px}
.securePage{background:#06080b;color:#d9f8e5;padding:14px}.secureNav{color:#6f7e76}.secureNav strong{font-size:10px;color:#d5ff43;margin-right:auto}.secureNav b{border:1px solid #294237;padding:6px 9px;border-radius:100px;color:#d5ff43}.secureGrid{height:67%;margin-top:12px;display:grid;grid-template-columns:1fr .72fr;gap:8px}.secureHero{border:1px solid #1d3328;background:radial-gradient(circle at 85% 30%,#74ff9d21,transparent 35%),#0b100d;padding:23px}.secureHero small{font:6px monospace;color:#70bd89}.secureHero h4{font-size:27px;line-height:.9;letter-spacing:-.055em;margin:11px 0}.secureHero h4 em{color:#d5ff43;font-style:normal}.secureHero button{background:#d5ff43;border:0;padding:7px 10px;font:6px monospace}.secureDash{border:1px solid #1d3328;background:#0b100d;padding:12px;display:grid;gap:7px}.secureDash span{border:1px solid #1d3328;padding:8px;font:6px monospace;color:#75c98e}.secureDash span:nth-child(2){background:linear-gradient(90deg,#d5ff43 68%,#17241d 69%);color:#071007}.secureLogs{margin-top:7px;color:#4f7c60;font:6px/1.7 monospace}
.codeStrip{background:#0d0d11;color:#fff;padding:100px clamp(20px,5vw,82px);display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw;align-items:center}.codeStrip h2{font-size:clamp(53px,6vw,90px);line-height:.88;letter-spacing:-.07em;margin:18px 0}.codeStrip h2 em{font:400 italic 1em Georgia;color:#d5ff43}.codeStrip p{color:#8f8d96;line-height:1.65}.stackList{display:grid;gap:8px}.stackList div{border:1px solid #ffffff17;border-radius:13px;padding:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.stackList b{color:#d5ff43;font:10px monospace}.stackList span{color:#88858e;font-size:10px}
.conceptLarge,.projectView .conceptFrame{width:100%;aspect-ratio:1.75}
@media(max-width:950px){.hero3{grid-template-columns:1fr;padding-top:125px}.codeStage{height:580px}.conceptHead,.codeStrip{grid-template-columns:1fr}.conceptHead{gap:25px}.conceptGrid{grid-template-columns:1fr}.conceptFrame{aspect-ratio:1.55}}
@media(max-width:640px){.hero3{padding:105px 18px 55px}.hero3 h1{font-size:58px}.hero3 p{font-size:15px}.codeStage{height:485px}.codeWindow{inset:0 0 60px 0;border-radius:17px}.ideBody{grid-template-columns:88px 1fr}.fileTree{font-size:7px;padding:13px 7px}.editor{font-size:8px;padding:13px 10px}.terminal{left:5%;height:118px}.concepts,.codeStrip{padding:82px 18px}.conceptHead h2,.codeStrip h2{font-size:53px}.conceptGrid{gap:48px}.conceptFrame{aspect-ratio:1.08;border-radius:15px}.conceptInfo{display:grid;grid-template-columns:auto 1fr}.conceptInfo p,.conceptInfo b{grid-column:2}.conceptPage{height:calc(100% - 25px)}.browserBar{height:25px}.cabinHero,.fishHero{height:65%}.cabinHero h4,.fishHero h4,.workMain h4,.secureHero h4{font-size:24px}.conceptInfo h3{font-size:26px}}

/* Monochrome editorial theme */
:root{--ink:#11110f;--paper:#eee9df;--lime:#e5ddd0;--orange:#b9aa96;--blue:#d1c7b8;--muted:#6f6a62;--line:rgba(17,17,15,.18)}
body{background:#080808;color:#f1ede5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500}
h1,h2,h3,h4,.brand,.btn,.headerCta,.signalBar strong{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900}
::selection{background:#e5ddd0;color:#111}
body>header{background:linear-gradient(180deg,#080808f2,#080808b8 72%,transparent);border-color:#ffffff18}
body>header .brand b,.homev3~footer .brand b{background:#ede7dc!important;color:#111!important}
body>header .brand i{color:#b5aea3}
body>header nav a:after{background:#eee8de}
body>header .headerCta{border-color:#eee8de55}
.homev3{background:#080808;color:#f3efe8}
.hero3{background:radial-gradient(circle at 75% 30%,#2c2925 0,transparent 34%),#080808}
.hero3:before{color:#ffffff035}
.hero3 h1{font-size:clamp(68px,7.35vw,120px);line-height:.79;letter-spacing:-.085em;text-transform:uppercase}
.hero3 h1 em{font:900 1em/.8 "Arial Black","Helvetica Neue",Arial,sans-serif;font-style:normal;color:#ded5c8}
.hero3 p{color:#c0bbb3;font-weight:500}
.hero3 .micro{color:#c7c0b7}.hero3 .micro i{background:#ded5c8;box-shadow:0 0 14px #ded5c877}
.hero3 .btn,.contact2 .btn{background:#eee8de;color:#111}
.hero3 .textLink{color:#f4f0e9}
.heroFoot{border-color:#ffffff20}.heroFoot strong{color:#f4f0e9}.heroFoot span{color:#8f8a83}
.codeWindow{background:#121212;border-color:#ffffff24;box-shadow:0 45px 110px #000}
.ideTop{background:#1a1918}.ideTop i,.ideTop i:nth-child(2),.ideTop i:nth-child(3){background:#8f887e}.ideTop i:nth-child(2){background:#bcb3a7}.ideTop i:nth-child(3){background:#e8e1d7}
.fileTree{background:#0c0c0c;color:#77736d}.fileTree b{color:#e8e1d7}
.editor{color:#c7c1b8}.syn-p{color:#eee8de}.syn-g{color:#b8afa3}.syn-o{color:#ded3c5}.syn-b{color:#918a81}.syn-y{color:#f6f2ec}
.terminal{background:#070707ed;color:#88837d;border-color:#ffffff21}.terminal b{color:#e8e1d7}.terminal span{color:#c9c2b8}.terminal strong{color:#f5f1ea}
.codeTag{background:#e7dfd3;color:#111}.liveDot:before{background:#e7dfd3;box-shadow:0 0 10px #e7dfd3}
.signalBar{background:#0b0b0b}.signalBar strong{color:#f2eee7}.signalBar span{color:#8e8981}
.concepts{background:#eee9df;color:#111}
.conceptHead h2,.codeStrip h2,.portal2 h2,.contact2 h2{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;text-transform:uppercase}
.conceptHead h2 em,.codeStrip h2 em,.contact2 h2 em{font:900 1em/.9 "Arial Black","Helvetica Neue",Arial,sans-serif;font-style:normal;color:inherit}
.conceptHead h2 em{color:#514b43}.conceptHead p,.conceptInfo p{color:#625e57;font-weight:500}
.filter button.active{background:#151515;color:#f4f0e9;border-color:#151515}.filter button{font-weight:800}
.conceptFrame{background:#111;border:1px solid #14141420;box-shadow:0 16px 40px #1112}
.browserBar{background:#171717;color:#aaa39a}.browserBar i,.browserBar i:nth-child(2),.browserBar i:nth-child(3){background:#716b63}.browserBar i:nth-child(2){background:#aaa196}.browserBar i:nth-child(3){background:#ddd5ca}
.conceptInfo h3{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;text-transform:uppercase}.conceptInfo b{border-color:#aaa195;color:#25221e}
.cabinPage{background:#d9d0c2}.cabinHero button{background:#eee8de;color:#111}
.fishPage{background:#ded7cc;color:#191817}.fishNav b{background:#171717;color:#f1ede6}.fishHero{background:linear-gradient(100deg,#1a1917 0 52%,transparent 53%),radial-gradient(circle at 78% 50%,#e4ddd2 0 9%,#8e857a 10% 27%,#292622 28%);color:#f4f0e9}.fishHero small{color:#c8c0b5}.fishHero button{background:#e8e1d7;color:#111}.fishCats span{background:#f1ece4;box-shadow:0 3px 8px #1111}
.workPage{background:#ebe6dc}.workNav b,.workMain button{background:#c8bcac;color:#111}.workMain small{color:#d6ccbf}.workSide{background:#c8bcac}
.securePage{background:#080808;color:#eee9e1}.secureNav{color:#89847d}.secureNav strong,.secureNav b{color:#e7dfd3}.secureNav b,.secureHero,.secureDash,.secureDash span{border-color:#37332e}.secureHero{background:radial-gradient(circle at 85% 30%,#e9e0d30f,transparent 35%),#11100f}.secureHero small,.secureLogs,.secureDash span{color:#a59d92}.secureHero h4 em{color:#eee7dc}.secureHero button{background:#e8e0d4;color:#111}.secureDash{background:#11100f}.secureDash span:nth-child(2){background:linear-gradient(90deg,#d8d0c5 68%,#282521 69%);color:#111}
.codeStrip{background:#0c0c0c}.codeStrip h2 em{color:#dcd3c7}.codeStrip p{color:#aaa49b}.stackList div{border-color:#ffffff20}.stackList b{color:#e5ddd1}.stackList span{color:#8e8982}
.portal2{background:#141312;color:#f3efe8}.portal2:before{background:#ded5c8;opacity:.08}.portal2 p{color:#aaa39a}.portal2 .ticks span:before{background:#e9e2d8;color:#111}.portal2 .btn{background:#eee8de;color:#111}.portalUiTop b{background:#e8e0d5;color:#111}.portalUiBody small,.portalStatus b{color:#ded5c8}.portalCode b{background:#cfc4b5;color:#111}
.homev3 .portalUi{background:linear-gradient(145deg,#0d0d0c 0%,#191714 58%,#29251f 100%)!important;border-color:#e8e0d52b;box-shadow:0 45px 100px #0008}.homev3 .portalUi:before{background:linear-gradient(135deg,#f0e7da0c,transparent 45%)}.homev3 .portalUiTop,.homev3 .portalStatus{border-color:#e8e0d51d}.homev3 .portalCode{background:#f1ede6;color:#6f6961}.homev3 .portalCode b{background:#cfc4b5;color:#111}
.contact2{background:#eee9df;color:#111}.contact2 h2 em{color:#5b554d}.contact2>div>p{color:#5d5952}.contact2 .form input,.contact2 .form textarea{background:#ffffff50;border-color:#25221e;color:#111}.contact2 .btn{border:1px solid #111}
.homev3+footer{background:#080808;border-top-color:#ffffff18;color:#aaa39a}.homev3+footer a{color:#eee9e1}
/* JM Studio logo + live code typing */
.brand{display:block;width:92px;height:72px;flex:0 0 92px}
.brand b,.brand span{display:none!important}
.brand:before{content:'';display:block;width:92px;height:72px;background:url('/asset/logo') center/contain no-repeat}
footer .brand{width:100px;height:78px;flex-basis:100px}
footer .brand:before{width:100px;height:78px}
.codeTag{display:none!important}
.editor div{width:100%;max-width:100%;opacity:1;overflow:hidden}
.editor.typing div{min-height:1.75em}
.editor .typingNow:after{content:'';display:inline-block;width:1px;height:1em;margin-left:3px;background:#eee8de;vertical-align:-.15em;animation:caretBlink .65s steps(1) infinite}
@keyframes caretBlink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.editor .typingNow:after{animation:none}}
/* A small, real-feeling code workspace — scrollable source, tabs and build output */
.codeStage{height:650px;min-width:0}.codeStage .codeWindow{inset:0 0 66px 2%;border-radius:18px;background:#101010;box-shadow:0 45px 110px #000}.codeStage .ideTop{height:47px;padding:0 14px;background:#1a1918;gap:8px}.ideTraffic{display:flex;gap:7px;flex:none}.ideTraffic i{margin:0!important}.ideNav{display:flex;gap:4px;margin-left:10px}.ideNav button{width:25px;height:25px;border:0;border-radius:5px;background:#242321;color:#77716a;font:12px monospace}.ideCrumb{min-width:0;margin-left:5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ideBranch{margin-left:auto!important;color:#aaa39a!important}.ideBody.codeWorkspace{height:calc(100% - 47px);grid-template-columns:158px minmax(0,1fr)}
.codeWorkspace .fileTree{padding:14px 9px 10px;font-size:9px;line-height:1.75;overflow:hidden}.treeHead{display:flex;justify-content:space-between;padding:0 7px 8px;color:#aaa39a;font-size:8px;letter-spacing:.11em}.treeItem{width:100%;display:block!important;border:0;background:transparent;color:#79756f;text-align:left;padding:2px 7px!important;border-radius:4px;font:inherit;cursor:pointer;white-space:nowrap}.treeItem:hover,.treeItem.active{background:#262421;color:#eee8de}.treeItem.active:before{content:'';display:inline-block;width:2px;height:12px;background:#e7dfd3;margin:-2px 7px -2px -7px}.treeFolder{color:#b8b1a8!important;margin-top:3px}.treeIndent{padding-left:19px!important}.treeIndent2{padding-left:31px!important}.treeBadge{float:right;color:#716b63}.editorPane{display:grid;grid-template-rows:34px minmax(0,1fr) 22px;min-width:0;overflow:hidden;background:#111}.editorTabs{display:flex;overflow:hidden;background:#151515;border-bottom:1px solid #ffffff10}.editorTab{border:0;border-right:1px solid #ffffff0d;background:#151515;color:#77736d;padding:0 13px;font:9px monospace;white-space:nowrap;cursor:pointer}.editorTab.active{background:#111;color:#e6dfd5;border-top:1px solid #d8cfc2}.editorTab .dirty{color:#d8cfc2;margin-left:8px}.editorScroll{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b4741 #111}.editorScroll::-webkit-scrollbar{width:10px;height:10px}.editorScroll::-webkit-scrollbar-thumb{background:#49453f}.editorScroll::-webkit-scrollbar-track{background:#111}.editor{padding:9px 42px 26px 0!important;min-width:max-content;font:11px/1.62 "SFMono-Regular",Consolas,"Liberation Mono",monospace!important;counter-reset:codeLine}.editor .codeLine{display:flex!important;min-height:17.8px;width:auto!important;overflow:visible!important}.editor .codeLine.activeLine{background:#ffffff08}.editor .lineNo{position:sticky;left:0;z-index:2;flex:0 0 46px;width:46px!important;padding-right:11px;text-align:right;color:#5e5a55;background:#111;user-select:none}.editor .codeLine.activeLine .lineNo{color:#d9d1c6;background:#1b1a19}.editor .codeText{display:block;white-space:pre;padding-left:12px}.syn-key{color:#ddd4c7}.syn-string{color:#b9ada0}.syn-comment{color:#69645e;font-style:italic}.syn-number{color:#e6e0d7}.syn-tag{color:#9e958b}.codeCaret{display:inline-block;width:1px;height:1.15em;background:#f4eee5;vertical-align:-.2em;animation:caretBlink .65s steps(1) infinite}.minimap{position:absolute;right:4px;top:8px;width:28px;bottom:8px;opacity:.28;pointer-events:none;background:repeating-linear-gradient(to bottom,#aaa 0 1px,transparent 1px 3px);mask-image:linear-gradient(#000,transparent)}.editorStatus{display:flex;align-items:center;gap:14px;padding:0 9px;background:#ded6ca;color:#171614;font:8px monospace;white-space:nowrap;overflow:hidden}.editorStatus .statusBranch{font-weight:800}.editorStatus .statusRight{margin-left:auto}.codeMeta{position:absolute;right:9px;bottom:73px;z-index:7;padding:7px 10px;border:1px solid #ffffff1d;border-radius:7px;background:#0b0b0be8;color:#99938a;font:8px monospace}.codeMeta b{color:#e9e2d8}.codeStage .terminal{left:10%;right:-3%;bottom:0;height:130px;border-radius:13px;padding:0;background:#070707f2;overflow:hidden}.terminalTabs{height:30px;display:flex;gap:17px;align-items:center;padding:0 15px;border-bottom:1px solid #ffffff12;color:#6f6a64;font:8px monospace;letter-spacing:.08em}.terminalTabs b{height:30px;display:flex;align-items:center;border-bottom:1px solid #e7dfd3;color:#e7dfd3}.terminalBody{padding:10px 16px;font:9px/1.65 monospace;color:#8c8780}.terminalBody .prompt{color:#eee8de}.terminalBody .success{color:#c4bbb0}.terminalBody .dim{color:#68635d}.terminalCursor{display:inline-block;width:5px;height:10px;background:#ded6ca;vertical-align:-2px;animation:caretBlink .8s steps(1) infinite}.codeStage .liveDot{left:0;bottom:13px;background:#090909;padding:8px 12px}.codeStage .liveDot:before{background:#d9d0c4;box-shadow:0 0 8px #d9d0c4}
@media(max-width:640px){.codeStage{height:520px}.codeStage .codeWindow{inset:0 0 55px 0}.ideBody.codeWorkspace{grid-template-columns:88px minmax(0,1fr)}.codeWorkspace .fileTree{padding:10px 4px;font-size:6.5px}.treeHead{font-size:6px;padding:0 3px 5px}.treeItem{padding:2px 4px!important}.treeIndent{padding-left:10px!important}.treeIndent2{padding-left:17px!important}.ideNav,.ideBranch{display:none}.editorTab{font-size:7px;padding:0 8px}.editor{font-size:8px!important;padding-right:27px!important}.editor .lineNo{flex-basis:35px;width:35px!important;padding-right:7px}.editor .codeText{padding-left:7px}.editorStatus{font-size:6px;gap:8px}.editorStatus span:nth-last-child(-n+2){display:none}.codeMeta{bottom:59px;font-size:6px}.codeStage .terminal{left:4%;height:108px}.terminalTabs{height:25px;font-size:6px}.terminalBody{font-size:7px;padding:7px 11px}.codeStage .liveDot{display:none}}
/* Clean editor: remove terminal/output strip and status badges */
.codeStage{height:590px}.codeStage .codeWindow{inset:0 0 0 2%}.codeStage .terminal,.codeStage .codeMeta,.codeStage .liveDot{display:none!important}
@media(max-width:640px){.codeStage{height:455px}.codeStage .codeWindow{inset:0}}
.editor .codeCaret{width:1px!important}
/* Complete public footer and legal pages */
.solidHeader{background:#0a0909!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.siteFooter{display:block!important;background:#0a0909;color:#aaa39a;border-top:1px solid #ffffff18;padding:0!important}.siteFooter a{color:#eee9e1}.footerMain{display:grid;grid-template-columns:1.35fr .75fr .75fr 1fr;gap:55px;padding:72px clamp(20px,5vw,82px) 55px}.footerIntro .brand{margin-bottom:22px}.footerIntro p{max-width:330px;font-size:13px;line-height:1.7;margin:0}.footerCol{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footerCol h3{color:#77716b;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px}.footerCol a,.footerCol span{font-size:12px;line-height:1.55}.footerLegal{padding:24px clamp(20px,5vw,82px);border-top:1px solid #ffffff13;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.footerLegal p{margin:0;max-width:860px;font-size:10px;line-height:1.65;color:#817b74}.footerLegal strong{color:#d8d0c5}.footerBottom{padding:18px clamp(20px,5vw,82px);border-top:1px solid #ffffff13;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.footerBottom a{color:#77716b}.legalPage{background:#eee9df;color:#171614;min-height:70vh;padding:100px clamp(20px,12vw,190px)}.legalPageHead{max-width:900px;margin-bottom:65px}.legalPageHead .label{color:#857d74}.legalPageHead h1{font:900 clamp(58px,8vw,110px)/.86 "Arial Black","Helvetica Neue",Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;margin:20px 0 28px}.legalPageHead h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none}.legalPageHead p{max-width:650px;color:#655f58;line-height:1.7}.legalContent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#bdb5aa;border:1px solid #bdb5aa}.legalContent article{background:#f5f1e9;padding:38px}.legalContent h2{font-size:20px;text-transform:uppercase;margin:0 0 16px}.legalContent p,.legalContent li{color:#5e5952;font-size:13px;line-height:1.7}.legalContent ul{padding-left:18px}.legalNotice{margin-top:28px;padding:20px 24px;background:#181715;color:#d8d0c5;font-size:11px;line-height:1.65}
@media(max-width:850px){.footerMain{grid-template-columns:1fr 1fr}.footerLegal{grid-template-columns:1fr}.legalContent{grid-template-columns:1fr}}
@media(max-width:540px){.footerMain{grid-template-columns:1fr;gap:32px;padding-top:50px}.footerBottom{flex-direction:column}.legalPage{padding-top:70px}.legalContent article{padding:26px}}
/* Services, page entrance and full concept previews */
.concepts .filter{display:none}
.services4{padding:125px clamp(20px,5vw,82px);background:#11100f;color:#f3efe8}.servicesHead{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:55px}.servicesHead h2{font-size:clamp(58px,7vw,104px);line-height:.98;letter-spacing:-.065em;text-transform:uppercase;margin:18px 0 0}.servicesHead p{color:#aaa39a;line-height:1.7;max-width:520px}.serviceCards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.serviceCard{min-height:265px;padding:30px 24px;border-left:1px solid #ffffff22;display:flex;flex-direction:column;transition:.35s}.serviceCard:last-child{border-right:1px solid #ffffff22}.serviceCard:hover{background:#eee8de;color:#111;transform:translateY(-7px)}.serviceCard small{font:11px Georgia;color:#a9a198}.serviceCard h3{font-size:25px;line-height:1.05;text-transform:uppercase;margin:32px 0 12px}.serviceCard p{font-size:12px;line-height:1.55;color:#928c84;margin:0}.serviceCard b{font-size:18px;margin-top:auto}.serviceQuote{display:flex;justify-content:flex-end;margin-top:34px}.serviceQuote .btn{background:#eee8de;color:#111;border-radius:100px;padding:0 25px}
body>header{animation:navEnter .75s ease both}.hero3>div:first-child .micro{animation:heroEnter .65s .12s ease both}.hero3 h1{animation:heroEnter .8s .24s cubic-bezier(.2,.8,.2,1) both}.hero3>div:first-child>p{animation:heroEnter .8s .38s ease both}.hero3 .actions,.hero3 .heroFoot{animation:heroEnter .8s .5s ease both}.codeStage{animation:stageEnter 1s .3s cubic-bezier(.16,.8,.2,1) both}.conceptCard{transition:opacity .6s,transform .6s}.conceptCard.reveal:nth-child(2){transition-delay:.14s}@keyframes navEnter{from{opacity:0;transform:translateY(-16px)}}@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}}@keyframes stageEnter{from{opacity:0;transform:translateX(38px) scale(.97)}}
.demoSite{min-height:100vh;font-family:Arial,sans-serif}.demoReturn{position:fixed;z-index:50;left:18px;right:18px;top:14px;height:48px;border-radius:100px;background:#0b0b0bea;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(14px);box-shadow:0 12px 35px #0003}.demoReturn a{color:#fff}.demoHeader{height:88px;padding:16px clamp(20px,5vw,72px);display:flex;align-items:end;gap:35px}.demoHeader strong{font-size:22px;margin-right:auto}.demoHeader nav{display:flex;gap:25px;font-size:11px}.demoHeader .demoCta{padding:11px 17px;border-radius:100px;font-size:10px}.demoHero{min-height:680px;padding:85px clamp(20px,7vw,105px);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.demoHero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 70%)}.demoHero>*{position:relative;z-index:2}.demoHero small{font-size:10px;letter-spacing:.18em;font-weight:800}.demoHero h1{font-size:clamp(65px,9vw,140px);line-height:.79;letter-spacing:-.08em;max-width:970px;margin:22px 0 30px;text-transform:uppercase}.demoHero p{max-width:510px;line-height:1.65}.demoHero .demoCta{align-self:flex-start;padding:15px 22px;border-radius:100px;margin-top:18px}.demoSection{padding:100px clamp(20px,6vw,90px)}.demoSectionHead{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.demoSectionHead h2{font-size:clamp(45px,6vw,86px);line-height:.88;letter-spacing:-.065em;margin:0;text-transform:uppercase}.demoSectionHead p{max-width:480px;line-height:1.6}.demoProductGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demoProduct{min-height:370px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:.3s}.demoProduct:hover{transform:translateY(-8px)}.demoProduct:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 70%)}.demoProduct>*{position:relative}.demoProduct h3{font-size:28px;margin:8px 0}.demoProduct p{font-size:12px;line-height:1.5}.demoProduct button{align-self:flex-start;margin-top:12px;border:0;border-radius:100px;padding:10px 14px;font-weight:800}.demoInfo{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.demoInfo div{padding:45px 30px}.demoInfo h3{font-size:23px;margin:0 0 12px}.demoInfo p{font-size:12px;line-height:1.6}.demoFooter{padding:55px clamp(20px,6vw,90px);display:flex;justify-content:space-between;align-items:end}.demoToast{position:fixed;z-index:60;right:22px;bottom:22px;padding:14px 18px;background:#111;color:#fff;border-radius:10px;transform:translateY(25px);opacity:0;transition:.3s}.demoToast.show{transform:none;opacity:1}
.demoContact{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}.demoContact h2{font-size:clamp(45px,6vw,82px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase;margin:0}.demoLeadForm{display:grid;gap:13px}.demoLeadForm input,.demoLeadForm textarea{width:100%;padding:15px;border:1px solid #0003;background:#ffffff72;font:inherit}.demoLeadForm textarea{min-height:115px;resize:vertical}.demoLeadForm button{border:0;border-radius:100px;padding:15px 20px;background:#111;color:#fff;font-weight:800;justify-self:start}
.cabinDemo{background:#e7dfd0;color:#1c1b18}.cabinDemo .demoHeader{background:#e7dfd0}.cabinDemo .demoCta,.cabinDemo .demoProduct button{background:#1b1a17;color:#fff}.cabinDemo .demoHero{color:#fff;background:url('/asset/cabin') center/cover}.cabinDemo .demoProduct{color:#fff;background:linear-gradient(135deg,#514b41,#171715)}.cabinDemo .demoProduct:nth-child(2){background:linear-gradient(135deg,#8e7f69,#312d28)}.cabinDemo .demoProduct:nth-child(3){background:linear-gradient(135deg,#3b413b,#111)}.cabinDemo .demoInfo{background:#1b1a17;color:#eee7dc}.cabinDemo .demoInfo div{border-left:1px solid #ffffff22}.cabinDemo .demoFooter{background:#d8cebd}
.fishDemo{background:#edf5f6;color:#092a42}.fishDemo .demoHeader{background:#edf5f6}.fishDemo .demoCta,.fishDemo .demoProduct button{background:#092a42;color:#fff}.fishDemo .demoHero{color:#fff;background:linear-gradient(90deg,#062a46aa,#062a4622),url('/asset/fishing') center/cover}.fishDemo .demoProduct{color:#fff;background:linear-gradient(145deg,#104c70,#071d2d)}.fishDemo .demoProduct:nth-child(2){background:linear-gradient(145deg,#355768,#0b2433)}.fishDemo .demoProduct:nth-child(3){background:linear-gradient(145deg,#1f6873,#082630)}.fishDemo .demoInfo{background:#08283e;color:#edf7f8}.fishDemo .demoInfo div{border-left:1px solid #ffffff22}.fishDemo .demoFooter{background:#d7e8ea}.fishDemo .demoCart{background:#aabf9c!important;color:#08283e!important}
/* AI feedback assistant */
.todoItem{position:relative}
.feedbackFab{position:fixed;z-index:70;right:22px;bottom:22px;border:0;border-radius:100px;background:#eee8de;color:#111;padding:15px 20px;font-weight:900;box-shadow:0 18px 50px #0005;cursor:pointer;transition:.25s}.feedbackFab:hover{transform:translateY(-4px)}.feedbackFab i{font-style:normal;margin-right:7px}.feedbackPanel{position:fixed;z-index:80;right:22px;bottom:82px;width:min(420px,calc(100vw - 28px));height:min(650px,calc(100vh - 105px));background:#111;color:#eee9e1;border:1px solid #ffffff24;border-radius:24px;box-shadow:0 35px 100px #0009;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.97);opacity:0;pointer-events:none;transition:.3s cubic-bezier(.2,.8,.2,1)}.feedbackPanel.open{transform:none;opacity:1;pointer-events:auto}.feedbackHead{padding:18px 20px;border-bottom:1px solid #ffffff1c;display:flex;align-items:center;gap:12px}.feedbackHead b{font-size:13px}.feedbackHead span{display:block;color:#99938a;font-size:9px;margin-top:3px}.feedbackHead i{width:34px;height:34px;border-radius:50%;background:#eee8de;color:#111;display:grid;place-items:center;font-style:normal;font-weight:900}.feedbackClose{margin-left:auto;border:0;background:transparent;color:#fff;font-size:21px;cursor:pointer}.feedbackMessages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.chatBubble{max-width:86%;padding:12px 14px;border-radius:15px;font-size:12px;line-height:1.55}.chatBubble.ai{align-self:flex-start;background:#242321;color:#ded8ce;border-bottom-left-radius:4px}.chatBubble.user{align-self:flex-end;background:#eee8de;color:#111;border-bottom-right-radius:4px}.chatTask{border:1px solid #ffffff1f;border-radius:13px;padding:12px;margin-top:8px;background:#0b0b0b}.chatTask small{display:block;color:#aaa39a;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.feedbackQuick{padding:0 16px 12px;display:flex;gap:7px;overflow:auto}.feedbackQuick button{flex:none;border:1px solid #ffffff24;background:transparent;color:#c8c1b8;border-radius:100px;padding:8px 11px;font-size:9px;cursor:pointer}.feedbackForm{border-top:1px solid #ffffff1c;padding:13px;display:grid;grid-template-columns:1fr auto;gap:9px}.feedbackForm textarea{height:52px;max-height:110px;resize:none;border:1px solid #ffffff22;border-radius:13px;background:#1b1a19;color:#fff;padding:11px;font:12px/1.4 Arial;outline:0}.feedbackForm button{width:52px;border:0;border-radius:13px;background:#eee8de;color:#111;font-size:18px;font-weight:900;cursor:pointer}.feedbackForm button:disabled{opacity:.45}.feedbackPrivacy{padding:0 16px 12px;color:#77716a;font-size:8px}.feedbackBoard{margin-top:20px}.feedbackGroup{background:#fff;border:1px solid var(--line);margin-bottom:14px}.feedbackGroupHead{padding:17px 18px;background:#171717;color:#fff;display:flex;justify-content:space-between;align-items:center}.feedbackGroupHead h3{font-size:15px;margin:0}.feedbackGroupHead span{font-size:9px;color:#aaa}.todoItem{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;padding:16px 18px;border-top:1px solid var(--line)}.todoCheck{width:22px;height:22px;border:1px solid #aaa;background:#fff;border-radius:50%;cursor:pointer}.todoItem.done{opacity:.5}.todoItem.done h4{text-decoration:line-through}.todoItem h4{font-size:13px;margin:0 0 5px}.todoItem p{font-size:11px;color:var(--muted);line-height:1.45;margin:0}.todoMeta{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#777;white-space:nowrap}.todoDelete{border:0;background:transparent;color:#999;font-size:17px;cursor:pointer}.feedbackEmpty{padding:50px;text-align:center;color:var(--muted)}
@media(max-width:950px){.servicesHead{grid-template-columns:1fr}.serviceCards{grid-template-columns:1fr 1fr}.serviceCard:nth-child(3){border-top:1px solid #ffffff22}.serviceCard:nth-child(4){border-top:1px solid #ffffff22}.demoProductGrid{grid-template-columns:1fr}.demoProduct{min-height:310px}.demoInfo,.demoContact{grid-template-columns:1fr}}
@media(max-width:640px){.brand{width:78px;height:60px;flex-basis:78px}.brand:before{width:78px;height:60px}.hero3 h1{font-size:54px;line-height:.82}.conceptHead h2,.codeStrip h2,.portal2 h2,.contact2 h2{font-size:49px;line-height:.88}.servicesHead h2{font-size:49px;line-height:1;letter-spacing:-.055em}.services4{padding:82px 18px}.serviceCards{grid-template-columns:1fr}.serviceCard{min-height:220px;border-right:1px solid #ffffff22;border-top:1px solid #ffffff22}.demoReturn{left:8px;right:8px;top:8px}.demoHeader{height:105px;padding-top:65px}.demoHeader nav{display:none}.demoHero{min-height:610px;padding:70px 18px}.demoHero h1{font-size:61px}.demoSection{padding:75px 18px}.demoSectionHead{display:grid}.demoFooter{display:grid;gap:15px}.demoInfo div{padding:32px 20px}.feedbackFab{right:12px;bottom:12px}.feedbackPanel{right:7px;bottom:72px;height:calc(100vh - 82px);border-radius:18px}.todoItem{grid-template-columns:auto 1fr}.todoMeta{grid-column:2}.todoDelete{position:absolute;right:25px}}
/* Pricing page */
.pricingPage{background:#0a0a0a;color:#f2ede5;min-height:100vh}.priceHero{min-height:760px;padding:190px clamp(20px,6vw,92px) 90px;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end;border-bottom:1px solid #ffffff18;position:relative;overflow:hidden}.priceHero:before{content:'PRISER';position:absolute;right:-.04em;top:90px;font-size:clamp(130px,24vw,390px);line-height:.8;font-weight:950;letter-spacing:-.09em;color:#ffffff04}.priceHeroCopy,.priceHeroAside{position:relative;z-index:2}.priceHero h1{font-size:clamp(67px,9.4vw,150px);line-height:.79;letter-spacing:-.085em;text-transform:uppercase;margin:16px 0 30px}.priceHero h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:#ff7048}.priceHero p{max-width:650px;color:#aaa198;font-size:14px;line-height:1.7}.priceHeroAside{border-top:1px solid #ffffff26;padding-top:22px}.priceHeroAside strong{display:block;font-size:25px;line-height:1.1;margin-bottom:12px}.priceHeroAside span{display:block;color:#8d867e;font-size:11px;line-height:1.6}.priceHeroAside b{display:inline-flex;margin-top:28px;border:1px solid #ff7048;color:#ff9578;border-radius:100px;padding:10px 14px;font-size:9px;letter-spacing:.12em}.priceNav{position:sticky;top:65px;z-index:30;background:#0b0b0be8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff18;padding:12px clamp(20px,5vw,78px);display:flex;gap:8px;overflow:auto}.priceNav a{flex:none;border:1px solid #ffffff22;border-radius:100px;color:#b7afa6;padding:10px 15px;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.priceNav a:hover{background:#f0eae1;color:#111}.priceSection{padding:120px clamp(20px,5vw,82px);border-bottom:1px solid #ffffff18}.priceSection.light{background:#eee9e0;color:#12110f}.priceSectionHead{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:52px}.priceSectionHead h2{font-size:clamp(52px,7vw,105px);line-height:.82;letter-spacing:-.075em;text-transform:uppercase;margin:14px 0 0}.priceSectionHead h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:#ff7048}.priceSectionHead p{font-size:13px;line-height:1.7;color:#999188;max-width:520px}.light .priceSectionHead p{color:#69635d}.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.priceGrid.four{grid-template-columns:repeat(4,1fr)}.priceCard{position:relative;background:#151413;border:1px solid #37332f;padding:28px;min-height:630px;display:flex;flex-direction:column;transition:.3s}.priceCard:hover{transform:translateY(-7px);border-color:#6c5f55}.priceCard.recommended{background:#eee9e0;color:#111;border-color:#ff7048}.recommendFlag{position:absolute;right:17px;top:17px;background:#ff7048;color:#111;border-radius:100px;padding:7px 10px;font-size:8px;font-weight:950;letter-spacing:.08em}.priceCard small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9b938a}.priceCard h3{font-size:27px;line-height:1.05;text-transform:uppercase;margin:42px 0 10px}.priceCard .price{font-size:clamp(43px,4vw,65px);font-weight:950;letter-spacing:-.055em;line-height:1;margin:9px 0 25px}.priceCard .price span{font-size:14px;font-weight:700;letter-spacing:0;color:#ff7048}.priceCard>p{font-size:11px;line-height:1.55;color:#928a82;min-height:54px}.priceCard.recommended>p{color:#645e58}.priceFeatures{display:grid;gap:12px;border-top:1px solid currentColor;padding-top:23px;margin:15px 0 30px}.priceFeatures span{font-size:10px;line-height:1.35;padding-left:20px;position:relative}.priceFeatures span:before{content:'✓';position:absolute;left:0;color:#ff7048;font-weight:950}.priceCard .priceAction{margin-top:auto;border:1px solid #ffffff31;border-radius:100px;padding:13px 16px;text-align:center;color:inherit;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.priceCard.recommended .priceAction{background:#111;color:#fff}.priceCard .priceAction:hover{background:#ff7048;color:#111;border-color:#ff7048}.shopGrid .priceCard{min-height:690px}.light .priceCard{background:#f8f5ef;color:#111;border-color:#cfc7bd}.light .priceCard.recommended{background:#111;color:#f3eee7}.light .priceCard.recommended>p{color:#aaa39b}.priceTable{border:1px solid #d2c9bf}.priceTableRow{display:grid;grid-template-columns:.72fr .35fr 1.4fr;border-top:1px solid #d2c9bf;min-height:66px;align-items:center}.priceTableRow:first-child{border-top:0}.priceTableRow>*{padding:17px 20px}.priceTableRow b{color:#ff5830;font-size:16px}.priceTableRow span{font-size:12px}.priceTableRow p{margin:0;color:#69635d;font-size:11px;line-height:1.5}.priceTableHead{background:#111;color:#fff;text-transform:uppercase;font-size:8px;font-weight:900;letter-spacing:.12em}.extrasLayout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.extrasBox{border:1px solid #d2c9bf;padding:30px}.extrasBox h3{font-size:28px;text-transform:uppercase;margin:0 0 20px}.miniRows{display:grid}.miniRows div{display:grid;grid-template-columns:1fr auto;gap:15px;padding:11px 0;border-top:1px solid #d8d0c6;font-size:11px}.miniRows b{color:#ff5830}.logoOffer{display:grid;grid-template-columns:.75fr 1.25fr;min-height:510px;border:1px solid #ffffff20}.logoMonogram{display:grid;place-items:center;background:#f0eae1;color:#111;font-size:clamp(105px,16vw,260px);font-weight:950;letter-spacing:-.13em}.logoCopy{padding:55px;display:flex;flex-direction:column;justify-content:center}.logoCopy h2{font-size:clamp(53px,7vw,100px);line-height:.83;letter-spacing:-.075em;text-transform:uppercase;margin:10px 0 22px}.logoCopy h2 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:#ff7048}.logoCopy .price{font-size:65px;font-weight:950;color:#ff7048}.logoCopy p{color:#a79f96;line-height:1.65;max-width:600px}.driftGrid .priceCard{min-height:660px}.storage{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff20;display:grid;gap:8px}.storage span{font-size:9px;color:#aaa198}.recommended .storage{border-color:#0002}.termsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.termCard{border:1px solid #37332f;padding:28px;min-height:220px}.termCard h3{font-size:19px;text-transform:uppercase;margin:0 0 18px}.termCard p,.termCard li{font-size:11px;line-height:1.65;color:#a9a198}.termCard ul{margin:0;padding-left:18px}.vatNotice{margin-top:12px;background:#ff7048;color:#111;padding:22px 26px;font-size:16px;font-weight:950;text-transform:uppercase}.priceCta{padding:125px clamp(20px,7vw,110px);background:#ff7048;color:#111;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.priceCta h2{font-size:clamp(56px,8vw,120px);line-height:.8;letter-spacing:-.08em;text-transform:uppercase;margin:0}.priceCta p{max-width:560px;line-height:1.65}.priceCta .btn{background:#111;color:#fff;border-radius:100px;padding:0 26px;white-space:nowrap}
@media(max-width:1050px){.priceGrid.four{grid-template-columns:1fr 1fr}.priceHero{grid-template-columns:1fr}.extrasLayout{grid-template-columns:1fr}}
@media(max-width:760px){.priceHero{min-height:660px;padding-top:145px}.priceSection{padding:85px 18px}.priceSectionHead,.priceGrid,.termsGrid,.logoOffer,.priceCta{grid-template-columns:1fr}.priceGrid.four{grid-template-columns:1fr}.priceCard,.shopGrid .priceCard,.driftGrid .priceCard{min-height:auto}.priceSectionHead{gap:22px}.priceTableRow{grid-template-columns:1fr auto}.priceTableRow p{grid-column:1/-1;padding-top:0}.logoMonogram{min-height:270px}.logoCopy{padding:35px 24px}.priceCta{align-items:start}.priceNav{top:60px}.priceCta .btn{justify-self:start;height:50px}}
/* Admin dashboard */
.studio{--admin-bg:#0d0d0d;--admin-card:#171615;--admin-soft:#211f1d;--admin-line:#35312d;--admin-text:#f2ede5;--admin-muted:#9f978d;--admin-accent:#ff7048;min-height:100vh;background:var(--admin-bg);color:var(--admin-text)}.studio header{position:sticky;top:0;background:#0d0d0dee!important;color:var(--admin-text);border-color:#ffffff12;backdrop-filter:blur(18px);z-index:40}.studio header .brand b{background:#f2ede5!important;color:#111!important}.studio header .brand i{color:#a9a198}.studio header nav{margin-left:auto}.studio header nav a{color:#ddd7ce}.studio .studioShell{max-width:1440px;padding:58px clamp(18px,4vw,64px) 110px}.adminEyebrow{font-size:9px;letter-spacing:.2em;color:var(--admin-accent);font-weight:900;text-transform:uppercase;margin-bottom:13px}.studio .studioTitle{align-items:end;margin-bottom:30px;gap:30px}.studio .studioTitle h1{font-size:clamp(48px,7vw,96px);line-height:.82;color:var(--admin-text);text-transform:uppercase}.studio .studioTitle h1 em{font-family:Georgia,serif;font-weight:400;text-transform:none;color:var(--admin-accent)}.studio .studioTitle p{color:var(--admin-muted);font-size:13px;line-height:1.65}.adminStats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.adminStat{background:var(--admin-card);border:1px solid var(--admin-line);padding:22px 24px;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.adminStat:hover{border-color:#6f6258;transform:translateY(-3px)}.adminStat span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--admin-muted)}.adminStat strong{font-size:38px;line-height:1}.adminStat i{font-size:9px;color:var(--admin-accent);font-style:normal}.studio .tabs{gap:6px;padding:5px;background:#141312;border:1px solid var(--admin-line);width:max-content;border-radius:100px;margin-bottom:22px}.studio .tabs button{border:0;color:var(--admin-muted);padding:11px 18px;cursor:pointer}.studio .tabs .active{background:#f2ede5;color:#111}.studio .studioGrid{grid-template-columns:minmax(360px,.86fr) minmax(470px,1.14fr);gap:16px}.studio .panel{background:var(--admin-card);border-color:var(--admin-line);padding:28px;color:var(--admin-text)}.studio .panel h2{font-size:24px;color:var(--admin-text)}.studio .panel>p{color:var(--admin-muted);font-size:11px;line-height:1.5}.panelHead{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}.panelHead>div>p{color:var(--admin-muted);font-size:11px;margin:6px 0 0}.panelCount{min-width:34px;height:34px;padding:0 10px;border-radius:100px;background:var(--admin-soft);display:grid;place-items:center;color:var(--admin-accent);font-size:10px;font-weight:900}.studio .form{gap:15px}.studio .form label{color:#aaa198}.studio .form input,.studio .form textarea,.studio .form select{background:#0f0f0f;color:var(--admin-text);border:1px solid var(--admin-line);padding:13px 14px;font-family:inherit}.studio .form input:focus,.studio .form textarea:focus,.studio .form select:focus{border-color:var(--admin-accent)}.studio .form select option{background:#111;color:#fff}.studio .upload{border:1px dashed #6c625b;background:#111;padding:19px}.studio .visibilityToggle{display:flex!important;grid-template-columns:auto 1fr!important;gap:10px;align-items:center;text-transform:none!important;letter-spacing:0!important;color:#d7d0c7!important;font-size:11px!important}.studio .visibilityToggle input{width:18px;height:18px;accent-color:var(--admin-accent)}.formActions{display:flex;gap:8px;align-items:center}.studio .btn{background:var(--admin-accent);color:#111;border:0;cursor:pointer}.studio .btn.secondary{background:transparent;color:var(--admin-text);border:1px solid var(--admin-line)}.studio .projectList{gap:9px}.studio .projectRow{background:#111;border-color:var(--admin-line);padding:15px 16px;align-items:center}.studio .projectRow h3{color:var(--admin-text);font-size:15px}.studio .projectRow p{color:var(--admin-muted);font-size:9px;line-height:1.5}.statusPill{display:inline-block;margin-top:7px;padding:5px 8px;border:1px solid var(--admin-line);border-radius:100px;color:#c7beb4;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.statusPill.public{border-color:#6d574b;color:#ff9a7e}.studio .rowActions button,.studio .rowActions a{border-color:var(--admin-line);background:var(--admin-soft);color:var(--admin-text);cursor:pointer;font-size:12px}.studio .rowActions button:hover,.studio .rowActions a:hover{background:var(--admin-accent);color:#111}.studio .empty{border-color:var(--admin-line);color:var(--admin-muted)}.studio .inquiry{border-color:var(--admin-line);padding:22px 0;position:relative}.studio .inquiry:first-child{border-top:0}.studio .inquiry h3{color:var(--admin-text);font-size:16px}.studio .inquiry a{color:var(--admin-accent)}.studio .inquiry p{color:#b7afa5;max-width:850px}.inquiryMeta{font-size:8px!important;color:#77716b!important;text-transform:uppercase;letter-spacing:.1em}.inquiryDelete{position:absolute;right:0;top:18px;border:1px solid var(--admin-line);background:transparent;color:#a49c93;width:34px;height:34px;cursor:pointer}.inquiryDelete:hover{color:#fff;border-color:#7d4232}.studio .toast{background:#f2ede5;color:#111;box-shadow:6px 6px 0 var(--admin-accent)}.studio .feedbackGroup{background:#111;border-color:var(--admin-line)}.studio .feedbackGroupHead{background:#0d0d0d}.studio .todoItem{border-color:var(--admin-line)}.studio .todoItem h4{color:var(--admin-text)}.studio .todoItem p{color:var(--admin-muted)}.studio .todoCheck{background:transparent;border-color:#716961;color:#fff}.studio .feedbackEmpty{color:var(--admin-muted)}
.studio .rowActions .publishAction{width:auto;padding:0 12px;color:#ff9a7e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.visibilityHelp{margin:-5px 0 2px;color:var(--admin-muted);font-size:10px;line-height:1.5}.visibilityHelp strong{color:#ff9a7e}.adminStats{grid-template-columns:repeat(4,1fr)}.studio .projectRow[draggable="true"]{cursor:grab}.studio .projectRow.dragging{opacity:.35;transform:scale(.98)}.studio .projectRow.dragTarget{border-color:var(--admin-accent);box-shadow:inset 3px 0 0 var(--admin-accent)}.dragHint{font-size:9px!important;color:#756e67!important}.lifecycleDraft{color:#d6a663}.lifecycleArchived{color:#827b74}.studio .rowActions .lifeAction{width:auto;padding:0 10px;font-size:8px;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:950px){.studio .studioGrid{grid-template-columns:1fr}.adminStats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.studio .studioShell{padding-top:36px}.studio .studioTitle{display:block}.studio .studioTitle p{margin-top:20px}.adminStats{grid-template-columns:1fr}.adminStat{min-height:96px}.studio .two{grid-template-columns:1fr}.studio .panel{padding:20px}.studio .tabs{width:100%;overflow:auto}.studio .tabs button{white-space:nowrap}.studio .projectRow{grid-template-columns:1fr}.studio .rowActions{justify-content:flex-start}}
/* Full mobile pass */
html{-webkit-text-size-adjust:100%}img,video,iframe{max-width:100%}input,textarea,select{max-width:100%}
.securityList{display:grid;gap:9px;margin:22px 0;color:#aaa39a;font-size:11px;line-height:1.45}.securityList span:first-child{color:#e5a278}.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sessionStatus{display:inline-flex;align-items:center;color:#9ed09c;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.sessionStatus.warning{color:#e5a278}
@media(max-width:600px){
  body{min-width:0}.mobileMenu{display:grid;place-items:center;min-width:44px;min-height:44px;color:inherit}
  body>header{height:68px;padding:0 16px}.brand{min-width:0}.brand:before{max-width:78px}.brand span{display:none}
  body>header nav.open{position:absolute;top:68px;left:10px;right:10px;width:auto;padding:14px;background:#11110ff5!important;color:#f4f0e8!important;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 18px 50px #0008;backdrop-filter:blur(18px);gap:4px;align-items:stretch}
  body>header nav.open a{display:flex;align-items:center;min-height:46px;padding:8px 12px;border-radius:10px;font-size:14px}
  body>header nav.open a:hover{background:#ffffff10;opacity:1}.headerCta{display:none!important}
  .hero3{padding-left:16px;padding-right:16px}.hero3 h1{font-size:clamp(43px,14.5vw,58px);overflow-wrap:anywhere}.hero3 p{font-size:16px;line-height:1.6}
  .hero3 .actions,.actions,.formActions{width:100%;flex-direction:column;align-items:stretch}.btn,.textLink{min-height:48px;justify-content:center;text-align:center}
  .heroFoot{flex-wrap:wrap}.codeStage{height:400px}.ideBody.codeWorkspace{grid-template-columns:70px minmax(0,1fr)}.codeWorkspace .fileTree{font-size:5.7px}.editor{font-size:7px!important}.terminal{display:none}.codeStage .codeWindow{inset:0}.codeMeta{bottom:10px}
  .concepts,.codeStrip,.services4,.work2,.process2,.portal2,.contact2{padding-left:16px;padding-right:16px}.conceptHead h2,.codeStrip h2,.portal2 h2,.contact2 h2,.servicesHead h2,.workHead h2{font-size:clamp(42px,13vw,52px);overflow-wrap:anywhere}
  .conceptFrame{aspect-ratio:.92}.portalUi{min-height:430px;padding:17px}.portalUiBody h3{font-size:clamp(32px,10vw,46px)}.portalCode{gap:8px;overflow:hidden}.portalCode b{white-space:nowrap}
  .contact2 .form,.contact .form{min-width:0}.form input,.form textarea,.form select{width:100%;font-size:16px}.form textarea{min-height:120px}
  .siteFooter{padding-left:16px;padding-right:16px}.footerMain{padding-bottom:40px}.footerLegal{gap:22px}.footerLegal a{min-height:46px;display:flex;align-items:center}.footerBottom{gap:14px;align-items:flex-start}
  .priceHero{padding-left:16px;padding-right:16px;min-height:610px}.priceHero h1{font-size:clamp(50px,15vw,68px)}.priceNav{padding-left:12px;padding-right:12px;-webkit-overflow-scrolling:touch}.priceNav a{min-height:42px;display:flex;align-items:center}.priceSection{padding-left:16px;padding-right:16px}.priceCard{padding:24px 20px}.priceCard h3{margin-top:34px}.priceTable{overflow:hidden}.priceTableRow{padding:12px 0}.priceTableRow>*{padding:7px 14px}.extrasBox{padding:24px 18px}.miniRows div{align-items:start}.priceCta{padding:80px 16px}.priceCta h2{font-size:clamp(47px,14vw,65px)}
  .legalPage{padding-left:16px;padding-right:16px}.legalPageHead h1{font-size:clamp(48px,14vw,68px);overflow-wrap:anywhere}.legalContent article{padding:24px 20px}.legalContent article h2{font-size:22px}.legalContent article p{font-size:15px;line-height:1.72}
  .demoReturn{height:auto;min-height:48px;gap:8px}.demoReturn span{font-size:8px}.demoHeader{padding-left:16px;padding-right:16px}.demoHero{padding-left:16px;padding-right:16px}.demoHero h1{font-size:clamp(48px,15vw,64px);overflow-wrap:anywhere}.demoSection{padding-left:16px;padding-right:16px}.demoSectionHead h2{font-size:clamp(42px,13vw,58px)}
  .studio .studioShell{width:100%;padding:30px 12px 90px}.studio .studioTitle h1{font-size:clamp(40px,13vw,58px);overflow-wrap:anywhere}.studio .studioTitle p{font-size:14px}.adminStats{grid-template-columns:1fr 1fr;gap:8px}.adminStat{padding:16px;min-height:94px}.adminStat strong{font-size:30px}
  .studio .tabs{position:sticky;top:68px;z-index:25;margin-left:0;margin-right:0;padding:5px;border-radius:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.studio .tabs::-webkit-scrollbar{display:none}.studio .tabs button{min-height:42px;padding:9px 14px;flex:none}
  .studio .panel{padding:18px 14px;border-radius:14px;min-width:0}.panelHead{flex-direction:column;gap:12px}.panelHead .btn{width:100%}.studio .panel h2{font-size:23px}.studio .panel>p,.panelHead>div>p{font-size:13px;line-height:1.55}
  .studio .form{gap:14px}.studio .form label{font-size:11px}.studio .form input,.studio .form textarea,.studio .form select{font-size:16px;min-height:48px}.studio .upload{padding:15px}.studio .projectRow{padding:15px 13px;gap:14px}.studio .projectRow h3{font-size:17px}.studio .projectRow p{font-size:11px}.statusPill{font-size:9px;line-height:1.4}.studio .rowActions{display:grid;grid-template-columns:repeat(4,minmax(42px,1fr));width:100%;gap:7px}.studio .rowActions button,.studio .rowActions a{width:100%;min-width:0;min-height:44px;display:grid;place-items:center;padding:5px!important}.studio .rowActions .publishAction,.studio .rowActions .lifeAction{grid-column:span 2}
  .inquiryDelete{position:static;float:right}.studio .inquiry h3{padding-right:4px}.studio .inquiry p{font-size:14px;overflow-wrap:anywhere}.readAction{min-height:42px}
  .feedbackPanel{left:7px;width:auto;max-width:none}.todoDelete{position:static}.todoItem{padding-right:12px}
}
@media(max-width:380px){.adminStats{grid-template-columns:1fr}.hero3 h1{font-size:42px}.conceptHead h2,.codeStrip h2,.portal2 h2,.contact2 h2,.servicesHead h2{font-size:40px}.studio .rowActions{grid-template-columns:repeat(3,1fr)}}
/* Compact project header — keeps the live project page calm and proportional */
.projectUtility{padding-top:0}
.projectUtility>.solidHeader{width:100%;max-width:1230px;height:70px;min-height:70px;margin:0 auto;padding:0;background:transparent!important;border-bottom:1px solid #ffffff20;box-shadow:none!important;position:relative}
.projectUtility>.solidHeader .brand{width:58px;height:52px;flex-basis:58px}
.projectUtility>.solidHeader .brand:before{width:58px;height:52px}
.projectUtility>.solidHeader nav{gap:25px;font-size:10px;letter-spacing:.01em}
.projectUtility>.solidHeader .headerCta{border:1px solid #ffffff35;border-radius:100px;padding:10px 15px;font-size:10px;white-space:nowrap;transition:.25s}
.projectUtility>.solidHeader .headerCta:hover{background:#eee9df;color:#111;opacity:1}
.projectUtility .projectView{margin-top:38px}
@media(max-width:900px){
  .projectUtility>.solidHeader{height:64px;min-height:64px}
  .projectUtility>.solidHeader .brand{width:50px;height:46px;flex-basis:50px}
  .projectUtility>.solidHeader .brand:before{width:50px;height:46px}
  .projectUtility>.solidHeader .headerCta{margin-left:auto;margin-right:14px}
  .projectUtility>.solidHeader nav.open{top:64px;background:#0d0d0c;color:#eee9df;border:1px solid #ffffff1c;border-top:0;padding:20px;gap:18px;z-index:40}
}
@media(max-width:640px){
  .projectUtility{padding-left:14px;padding-right:14px}
  .projectUtility>.solidHeader .headerCta{display:none}
  .projectUtility>.solidHeader .mobileMenu{color:#eee9df;margin-left:auto;width:44px;height:44px}
  .projectUtility .projectView{margin-top:26px}
}