/* AM11Digital v1.4 — intentional one-screen home and routed sections */
:root{color-scheme:dark;--navy:#07121e;--navy-2:#0b1b27;--edge:rgba(91,154,171,.18);--cyan:#4ccdd0;--muted:#9caeba;--white:#ecf5f7}
*{box-sizing:border-box}
html{font-family:'Manrope',system-ui,sans-serif;background:var(--navy);scroll-behavior:auto}
body{margin:0;min-width:280px;background:var(--navy);color:var(--white)}
a{text-decoration:none;color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #70eaeb;outline-offset:4px}
[hidden]{display:none!important}.skip{position:fixed;top:-90px;left:10px;z-index:100;background:#4ccdd0;color:#07121e;padding:10px}.skip:focus{top:10px}
.wrap{width:min(1220px,calc(100% - 84px));margin-inline:auto}
.app-shell{min-height:100svh;display:flex;flex-direction:column;isolation:isolate;overflow-x:clip}
.header{height:82px;flex:0 0 82px;background:rgba(5,13,22,.94);border-bottom:1px solid rgba(91,164,175,.18);position:relative;z-index:10}
.header:before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#36babe 23%,rgba(54,186,190,.05) 70%);opacity:.65}
.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;width:250px;height:68px;overflow:hidden;flex-shrink:0}
.brand img{display:block;width:100%;height:auto;transform:scale(1.08);filter:drop-shadow(0 0 2px rgba(255,255,255,.09))}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.desktop-nav a{font-size:12px;font-weight:600;color:#94a9b5;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:#e5fbfc}
.header-cta{font-size:12px;display:inline-flex;align-items:center;gap:17px;padding:14px 20px;border-radius:8px;border:1px solid rgba(99,171,183,.35);background:#102432;font-weight:700;white-space:nowrap}
.header-cta span{color:#55d0d3}.menu-toggle{display:none}.mobile-menu{display:none}
main{flex:1;min-height:0;display:flex;flex-direction:column}
.page{flex:1;min-height:0}
.page-home{position:relative;overflow:hidden;background-color:#071521;background-image:radial-gradient(ellipse at 76% 43%,rgba(11,98,112,.2),transparent 42%),radial-gradient(ellipse at 15% 65%,rgba(12,64,100,.12),transparent 40%),linear-gradient(180deg,#06121d,#071824)}
.page-home:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(80,157,172,.085) 1px,transparent 1px),linear-gradient(90deg,rgba(80,157,172,.085) 1px,transparent 1px),radial-gradient(rgba(105,211,215,.18) .8px,transparent 1px);background-size:56px 56px,56px 56px,21px 21px;mask-image:linear-gradient(90deg,transparent,black 17%,black 95%);opacity:.72}
.tech-field{position:absolute;inset:-15% -10%;opacity:.65;pointer-events:none;mix-blend-mode:screen}
.tech-field svg{width:100%;height:100%}
.home-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:50px;align-items:center;min-height:calc(100svh - 82px - 37px)}
.home-copy{padding:18px 0 24px;min-width:0}
.micro-kicker,.service-label,.visual-label,.service-cues{font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.55px}
.micro-kicker{display:flex;gap:10px;align-items:center;color:#8baeba;margin:0 0 26px;white-space:nowrap}
.micro-light{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#4fd5d5;box-shadow:0 0 14px rgba(76,205,208,.7)}
.micro-divider,.service-label b{font-weight:400;color:#56d0d3}
.service-label{margin:0 0 17px;color:#8badba}
.service-label b{padding:0 5px}
h1,h2,h3,p{margin-top:0}
.home-copy h1{font-family:'Outfit',sans-serif;letter-spacing:-.043em;font-weight:500;font-size:clamp(44px,4.55vw,68px);line-height:1.075;margin:0 0 20px;white-space:nowrap}
.home-copy h1 span{display:block}
.teal-text{color:#62d4d6}
.home-intro{max-width:465px;color:#a7bac4;font-size:16px;line-height:1.76;font-weight:500;margin:0}
.hero-buttons{display:flex;gap:12px;margin-top:30px}
.action{min-height:48px;padding:13px 22px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:12px;font-weight:700;transition:filter .2s,transform .2s}
.action:hover{filter:brightness(1.08);transform:translateY(-2px)}
.action.primary{background:var(--cyan);color:#08212a;box-shadow:0 12px 38px rgba(76,205,208,.13)}
.action.secondary{border:1px solid rgba(102,163,177,.4);background:rgba(13,31,43,.62)}
.service-cues{display:flex;flex-wrap:wrap;gap:20px;color:#7b9aa8;margin-top:36px;font-size:9px;letter-spacing:1.25px}
.service-cues span{display:inline-flex;align-items:center;gap:8px}.service-cues i{width:5px;height:5px;transform:rotate(45deg);background:#4ccdd0;box-shadow:0 0 8px #2aaeb7}
.home-showcase{position:relative;min-height:580px;height:calc(100svh - 150px);max-height:710px;display:flex;justify-content:center;align-items:center;isolation:isolate}
.home-showcase:before{content:'';position:absolute;width:min(100%,590px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(44,172,188,.19),transparent 62%);filter:blur(12px);z-index:-1}
.rings{position:absolute;width:470px;height:470px;max-width:96%;max-height:100%;border:1px solid rgba(84,171,189,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(70,154,176,.022),0 0 0 120px rgba(70,154,176,.012);z-index:-1}
.rings:before{content:'';position:absolute;inset:48px;border:1px dashed rgba(84,171,189,.14);border-radius:50%}
.visual-label{position:absolute;color:#658b99;font-size:9px;letter-spacing:1.25px}
.visual-label span{color:#4cd0d2}.visual-label.top{top:26px;right:8px}.visual-label.bottom{bottom:24px;left:10px}
.device{position:relative;width:min(274px,75%);aspect-ratio:245/468;padding:9px;border-radius:40px;border:1px solid rgba(142,187,198,.54);background:linear-gradient(128deg,#688d9a,#1a3646 18%,#142735 71%,#5d8490);box-shadow:0 27px 90px rgba(0,0,0,.66),0 0 0 3px rgba(17,43,56,.7),inset 0 0 0 1px rgba(0,0,0,.8);transform:rotate(3deg)}
.speaker{position:absolute;z-index:5;top:14px;left:50%;transform:translateX(-50%);width:32%;height:16px;border-radius:14px;background:#06131d;box-shadow:inset 0 -2px 4px rgba(32,60,75,.4)}
.screen{height:100%;width:100%;background:#0b1e29;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}
.demo-header{height:11%;flex:0 0 11%;display:flex;align-items:flex-end;gap:7px;padding:0 8% 4%;background:#0d1d27;color:#f0f7f9;font:700 clamp(6px,.56vw,8px)/1 ui-monospace,Consolas,monospace;letter-spacing:1.1px}
.demo-mark{font-size:18px;color:#54d6d6;line-height:.8}.demo-menu{margin-left:auto;color:#aed2d3;font-size:14px}
.demo-photo{height:27%;flex:0 0 27%;position:relative;overflow:hidden;background:linear-gradient(180deg,#6c9da8 0%,#b2c6bd 62%,#baa991 63%,#9e8b78 100%)}
.demo-photo .window{position:absolute;top:8%;left:10%;height:74%;width:40%;border:5px solid #e6efdf;background:linear-gradient(100deg,#8eb3bc,#a6cecf);box-shadow:inset 0 0 0 2px #d6e4e2}
.demo-photo .window:after{content:'';position:absolute;left:50%;top:0;width:4px;height:100%;background:#e6efdf}
.demo-photo .sun{position:absolute;right:11%;top:7%;width:29%;aspect-ratio:1;border-radius:50%;background:#ffedbb;filter:blur(15px);opacity:.75}
.demo-photo .sofa{position:absolute;right:-3%;bottom:0;width:54%;height:35%;border-radius:18px 18px 0 0;background:linear-gradient(160deg,#d1b99e,#a78e7d)}
.photo-caption{position:absolute;left:6%;bottom:6%;background:#0e1b27df;color:#f3f9f9;font:700 7px ui-monospace,monospace;letter-spacing:.6px;padding:3px 5px}
.demo-body{padding:7% 7% 1%;flex:1;min-height:0;display:flex;flex-direction:column}
.welcome-tag{font:700 clamp(6px,.55vw,8px)/1.2 ui-monospace,Consolas,monospace;letter-spacing:.6px;color:#45cbd1}
.demo-body h2{font:600 clamp(17px,1.8vw,25px)/1.06 'Outfit',sans-serif;letter-spacing:-.6px;margin:5% 0 3%}
.demo-body h2 span{color:#4bd3d5}
.demo-body p{font:500 clamp(7px,.63vw,9px)/1.45 'Manrope',sans-serif;color:#aec2c9;margin:0 0 auto;max-width:94%}
.demo-tile{height:16%;min-height:29px;display:flex;gap:5%;align-items:center;border:1px solid rgba(95,164,173,.24);background:#183441;padding:0 5%;border-radius:7px;margin-top:4%}
.tile-icon{display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:5px;background:#255662;color:#8be5df;font-size:clamp(12px,1.6vw,18px)}
.demo-tile>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.demo-tile strong{font:700 clamp(7px,.67vw,9px)/1.1 'Manrope',sans-serif;white-space:nowrap}
.demo-tile small{font:400 clamp(6px,.55vw,8px)/1.1 'Manrope',sans-serif;color:#a3bbc4;white-space:nowrap}
.demo-tile b{margin-left:auto;color:#60d7d5;font-size:13px}
.demo-bottom{height:8%;flex:0 0 8%;display:flex;align-items:center;justify-content:space-around;margin-top:1%;background:#091923;border-top:1px solid rgba(95,164,173,.19)}
.demo-bottom>span{display:flex;flex-direction:column;gap:0;text-align:center;font-size:11px;line-height:1;color:#b1c5cb}
.demo-bottom>span:first-child{color:#5bd9d5}
.demo-bottom small{font:500 6px 'Manrope',sans-serif}
.footer{height:37px;flex:0 0 37px;border-top:1px solid rgba(91,164,175,.13);background:#06111a}
.footer-row{height:100%;display:flex;align-items:center;justify-content:space-between;color:#72909e;font:700 9px ui-monospace,Consolas,monospace;letter-spacing:.65px}
.footer b{color:#54cad0;font-weight:400}
/* other content is intentionally separate, not stacked under Home */
.page-secondary{background:radial-gradient(ellipse at 75% 10%,rgba(45,139,154,.13),transparent 45%),#071722;overflow-y:auto}
.section-content{padding:clamp(40px,7vh,88px) 0 50px;max-width:1100px}
.section-eyebrow{font:700 11px ui-monospace,monospace;letter-spacing:2px;color:#4fd0d2;margin:0 0 18px}
.section-content h2{font:500 clamp(43px,5vw,73px)/1.12 'Outfit',sans-serif;letter-spacing:-.05em;margin:0 0 18px}
.section-content h2 span{color:#5ccfd3}.section-lede{color:#abc0cb;font-size:16px;line-height:1.7;max-width:670px;margin-bottom:34px}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.feature-cards article,.work-card,.contact-box{padding:26px;border:1px solid #254451;background:#102633bb;border-radius:13px}
.feature-cards article>span,.work-card small{font:700 10px ui-monospace,monospace;letter-spacing:1.15px;color:#66cdd0}
.feature-cards h3,.work-card h3{font:500 24px 'Outfit',sans-serif;margin:20px 0 10px}
.feature-cards p,.work-card p{font-size:13px;line-height:1.7;color:#a9bfca;margin:0}
.work-card{display:flex;align-items:center;gap:28px;max-width:810px}
.work-card-icon{font-size:72px;color:#67d2d2;line-height:1}.work-card h3{margin:8px 0 8px}.concept-label{display:inline-block;margin-top:18px;font:700 9px ui-monospace,monospace;color:#7ba9b6;letter-spacing:.6px}
.contact-box{max-width:530px;color:#abc0cb}.contact-email{display:inline-flex;padding:11px 15px;background:#4ccdd0;color:#06212a;border-radius:8px;font-weight:700}.contact-soon{font-size:13px}
.back-home{display:inline-block;margin-top:35px;font-size:13px;color:#69d7d8;font-weight:700}
@media(min-width:1100px) and (max-height:760px){.home-showcase{min-height:0;height:calc(100svh - 134px)}.device{width:min(240px,37vh)}.micro-kicker{margin-bottom:16px}.service-cues{margin-top:24px}}
@media(max-width:1000px){.home-grid{gap:20px}.home-copy h1{font-size:clamp(42px,5.5vw,55px)}.home-intro{font-size:14px}.home-showcase{min-height:520px}.device{width:230px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{height:67px;flex-basis:67px}.header-row{gap:0}.brand{width:200px;height:60px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;flex:none;border:1px solid rgba(113,180,190,.35);border-radius:8px;background:#102532;cursor:pointer}.menu-toggle span{display:block;width:17px;height:1.5px;background:#e6f5f6}.mobile-menu{display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;padding:12px 18px 18px;background:#0b1c27;border-bottom:1px solid #254b5a;box-shadow:0 20px 36px #0008}.mobile-menu a{padding:12px;font-weight:700;font-size:13px;border-bottom:1px solid rgba(98,158,175,.14)}.mobile-menu a:last-child{border:0}.mobile-menu a[aria-current="page"]{color:#57d7d9}.home-grid{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100svh - 67px - 31px);gap:0;padding:20px 0 8px}.home-copy{flex:none;padding:0}.micro-kicker{font-size:8px;letter-spacing:.8px;gap:6px;margin-bottom:11px}.micro-light{width:6px;height:6px}.service-label{font-size:8px;margin-bottom:9px;letter-spacing:1.05px}.home-copy h1{font-size:clamp(30px,7.5vw,43px);line-height:1.08;letter-spacing:-.05em;margin-bottom:10px}.home-intro{font-size:13px;line-height:1.47;max-width:490px}.hero-buttons{margin-top:14px;gap:9px}.action{min-height:42px;flex:1;font-size:11px;padding:10px 12px;gap:10px}.service-cues{margin-top:12px;gap:13px;font-size:7.5px;letter-spacing:.8px}.home-showcase{flex:1;min-height:0;height:auto;max-height:none;margin:6px 0 0}.home-showcase:before{width:300px}.rings{width:270px;height:270px}.rings:before{inset:28px}.visual-label{font-size:7px}.visual-label.top{top:6px;right:2px}.visual-label.bottom{bottom:0;left:4px}.device{width:min(52vw,calc((100svh - 405px)*.54),220px);max-width:220px;min-width:143px;transform:rotate(1.5deg)}.demo-header{font-size:6px}.demo-body h2{font-size:clamp(16px,4.4vw,20px)}.demo-body p{font-size:clamp(6px,1.7vw,8px)}.welcome-tag{font-size:6px}.demo-tile strong{font-size:7px}.demo-tile small{font-size:6px}.tile-icon{font-size:13px}.footer{height:31px;flex-basis:31px}.footer-row{font-size:7px}.section-content{padding:43px 0}.feature-cards{grid-template-columns:1fr}.feature-cards article{padding:19px}.feature-cards h3{margin:12px 0 6px}.work-card{padding:20px;gap:12px}.work-card-icon{font-size:42px}.section-lede{font-size:14px}}
@media(max-width:380px){.brand{width:186px}.home-grid{padding-top:15px}.home-copy h1{font-size:clamp(27px,7.65vw,32px)}.home-intro{font-size:12px}.hero-buttons{margin-top:11px}.action{font-size:10px;min-height:40px}.micro-kicker{font-size:7px;letter-spacing:.55px}.service-cues{font-size:7px;gap:9px}.device{width:min(50vw,calc((100svh - 370px)*.54),190px)}}
@media(max-width:760px) and (max-height:700px){.home-grid{padding-top:12px}.micro-kicker{margin-bottom:7px}.service-label{margin-bottom:5px}.home-copy h1{margin-bottom:7px;font-size:clamp(27px,7.6vw,34px)}.home-intro{font-size:12px;line-height:1.35}.hero-buttons{margin-top:9px}.action{min-height:37px}.service-cues{margin-top:9px}.device{width:min(46vw,calc((100svh - 340px)*.5),185px)}.footer{height:27px;flex-basis:27px}}
@media(max-width:760px) and (max-height:570px){.home-grid{min-height:0}.home-showcase{min-height:210px}.device{width:143px}.page-home{overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.action{transition:none}}

/* v1.4.1 — restore the previously approved crisp AM11Digital wordmark. */
.brand{overflow:visible;width:270px}
.brand img{width:100%;height:auto;transform:none;filter:none;object-fit:contain}
@media(max-width:760px){.brand{width:222px}}
@media(max-width:380px){.brand{width:207px}}
@media(max-width:325px){.brand{width:199px}}