:root { --orange:#ff8b00; --orange2:#ff9a1f; --bone:#f3f1e9; --pale:#e6e5df; --ink:#171714; --muted:#6f6e66; --line:#c9c8c0; --mono:'DM Mono','Courier New',monospace; --headline:'Space Grotesk','Arial Black',sans-serif; --digits:'Orbitron','Arial Black',sans-serif; }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { background:var(--bone); color:var(--ink); margin:0; font-family:var(--headline); -webkit-font-smoothing:antialiased; overflow-x:hidden; }
    a { color:inherit; text-decoration:none; } button { font:inherit; cursor:pointer; } ::selection { background:var(--orange); color:var(--ink); }
    .site-header { height:84px; padding:0 5.1%; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #d4d2c9; background:var(--bone); position:relative; z-index:20; }
    .brand { display:flex; align-items:center; gap:10px; font-family:var(--digits); letter-spacing:-.065em; font-weight:900; font-size:24px; }
    .brand-mark { position:relative; display:inline-grid; place-items:center; width:30px;height:30px; border-radius:50%; border:3.3px solid var(--ink); transform:rotate(-18deg); }
    .brand-mark:before { content:''; width:38px;height:12px; border:3px solid var(--ink); border-radius:50%; position:absolute;transform:rotate(-32deg);border-left-color:transparent;border-right-color:transparent; }
    .brand-mark:after { content:''; width:6px;height:6px;background:var(--orange);border:2px solid var(--ink);border-radius:50%;position:absolute;right:-3px;top:2px; }
    .brand em { font-style:normal; color:#ff8b00; }
    .nav { display:flex;gap:36px;align-items:center;margin-left:auto;margin-right:40px; }
    .nav a { font-size:13px; font-weight:600; transition:opacity .2s; } .nav a:hover { opacity:.52; }
    .header-cta { border:1.5px solid var(--ink); font-size:12px;font-weight:800;letter-spacing:.015em;padding:12px 16px;display:flex;gap:20px;align-items:center;transition:background .2s,color .2s; }
    .header-cta:hover { background:var(--ink); color:white; }
    .mobile-menu { display:none; }
    .hero { display:grid;grid-template-columns:52% 48%;min-height:736px;position:relative; }
    .hero-copy { padding:78px 24px 40px 9.6%;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0; }
    .eyebrow { font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.075em;display:flex;gap:12px;align-items:center;text-transform:uppercase; }
    .pulse-dot { display:inline-block;background:var(--orange);height:8px;width:8px;border-radius:50%; box-shadow:0 0 0 5px rgba(255,139,0,.13); }
    h1 { font-weight:700;font-size:clamp(59px,6.35vw,104px);line-height:.97;letter-spacing:-.098em;margin:32px 0 25px;max-width:750px; }
    h1 span { color:var(--orange); } .hero-description { font-size:16px;line-height:1.7; max-width:400px;letter-spacing:-.02em;color:#4b4a44; }
    .hero-buttons {display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap;}
    .btn {display:inline-flex;justify-content:space-between;align-items:center;gap:29px;border:1.5px solid var(--ink);padding:17px 20px;font-size:13px;font-weight:700;min-height:52px;transition:transform .25s,background .25s,color .25s; }
    .btn:hover {transform:translateY(-3px);} .btn-dark {background:var(--ink);color:var(--bone);} .btn-plain {background:transparent;color:var(--ink);} .btn-plain:hover {background:#e6e5dd;}
    .hero-foot {display:flex;align-items:center;gap:28px;margin-top:69px;font-family:var(--mono);font-size:10px;color:#78766d;letter-spacing:.02em;}
    .hero-foot strong {display:block;color:var(--ink);font-family:var(--digits);font-size:16px;font-weight:800;letter-spacing:-.03em;margin-bottom:3px;}
    .hero-foot .separator{height:34px;width:1px;background:#c9c6be;}
    .hero-stage { background:var(--orange);position:relative;overflow:hidden;min-height:736px; }
    .stage-grid {position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:87px 87px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000);}
    .stage-orbit {position:absolute;left:50%;top:51%;width:675px;height:675px;border:1px solid rgba(24,24,20,.19);border-radius:50%;transform:translate(-50%,-50%);}
    .stage-orbit:before,.stage-orbit:after {content:'';position:absolute;inset:55px;border:1px solid rgba(24,24,20,.15);border-radius:50%;} .stage-orbit:after {inset:120px;}
    .stage-caption { position:absolute;top:30px;right:35px;font-family:var(--mono);font-size:10px;letter-spacing:.03em;z-index:5; }
    .stage-bottom {position:absolute;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;z-index:6;}
    .phone {position:absolute;border:2px solid #1e1e1d;border-radius:13px;overflow:hidden;background:#e6e6e3;box-shadow:9px 20px 0 rgba(26,25,21,.09),12px 32px 39px rgba(24,21,13,.17);z-index:2;color:#111;}
    .phone-left {width:220px;height:436px;left:5%;top:185px;transform:rotate(-7deg);z-index:2;}
    .phone-center {width:249px;height:511px;left:32%;top:104px;z-index:4;transform:rotate(1.7deg);}
    .phone-right {width:212px;height:459px;left:69%;top:162px;z-index:3;transform:rotate(7deg);}
    .phone-top {height:48px;padding:0 13px;border-bottom:1px solid #bdbeb9;display:flex;justify-content:space-between;align-items:center; }
    .mini-brand {font-family:var(--digits);font-size:18px;font-weight:900;letter-spacing:-.17em;}
    .mini-menu {font-size:16px;letter-spacing:-3px;font-weight:900;line-height:1;}
    .time-toggle{font:700 8px var(--mono);border:1px solid #a3a5a0;white-space:nowrap;display:flex;} .time-toggle b{background:#151515;color:#fff;padding:5px 4px;} .time-toggle span{padding:5px 4px;background:white;}
    .phone-weather {padding:12px 14px 0;display:flex;justify-content:space-between;align-items:flex-end;} .phone-weather small{font:9px/1.4 var(--mono);} .phone-weather strong {font:800 27px var(--digits);letter-spacing:-.11em;}
    .globe-wrap{width:112%;position:absolute;left:-12%;top:109px;height:267px;}
    .globe-wrap img{display:block;width:100%;height:100%;object-fit:contain;} .globe-pin{position:absolute;left:19%;top:42%;width:12px;height:12px;background:var(--orange);border:3px solid #ffe3b6;border-radius:50%;box-shadow:0 0 0 8px rgba(255,139,0,.2);}
    .sunline {position:absolute;bottom:47px;left:18px;right:18px;height:32px;border-bottom:1px dotted #85857f;} .sunline:before {content:'';height:54px;border:1px dotted #b7b6ae;position:absolute;width:115%;border-radius:50% 50% 0 0;left:-7%;top:3px;clip-path:inset(0 0 20px 0);}
    .sunline:after {content:'';height:7px;width:7px;border-radius:50%;background:#141414;position:absolute;left:48%;bottom:-4px;}
    .phone-footer {position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;font:9px var(--mono);color:#6c6b65;}
    .city-panel-head {height:43px;border-bottom:1px solid #c6c7c2;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:9px var(--mono);}
    .city-row {height:61px;border-bottom:1px solid #c6c7c2;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;}
    .city-row small {font:8px var(--mono);color:#777972;display:block;margin-bottom:3px;} .city-row span {font-size:12px;font-weight:650;line-height:1.06;display:block;} .city-row strong {font:800 20px var(--digits);letter-spacing:-.10em;}
    .postcard {height:245px;width:100%;position:relative;overflow:hidden;background:#d5d6cb;} .postcard svg {width:100%;height:100%;object-fit:cover;display:block;} .postcard .plus{position:absolute;top:9px;right:11px;background:var(--bone);height:22px;width:22px;display:grid;place-items:center;font:20px var(--mono);}
    .postcard-foot {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.65));height:67px;display:flex;align-items:flex-end;padding:12px;color:white;font-size:13px;font-weight:700;}
    .phone-right .cityname{padding:14px 13px 9px;font-size:12px;line-height:1.1;font-weight:650;height:55px;}
    .large-clock {padding:0 9px;border-top:1px solid #c1c1bb;border-bottom:1px solid #c1c1bb;height:196px;overflow:hidden;position:relative;}
    .clock-pale {font:900 75px/.9 var(--digits);letter-spacing:-.155em;color:#c8cac5;position:absolute;top:3px;left:9px;white-space:nowrap;}
    .clock-pale.two{top:74px;}
    .clock-bold{font:900 83px/.86 var(--digits);letter-spacing:-.14em;position:absolute;top:83px;left:6px;white-space:nowrap;background:#e6e6e3;}
    .clock-unit {position:absolute;right:8px;top:110px;font:8px var(--mono);}
    .right-foot {position:absolute;bottom:0;left:0;width:100%;height:156px;border-top:1px solid #c1c1bb;}
    .right-foot .label {display:block;text-align:center;margin-top:27px;font:700 14px var(--digits);}
    .right-foot svg{position:absolute;left:-9%;bottom:-36px;width:118%;height:90px;}
    .ticker {min-height:52px;background:#181815;color:#eeeae0;display:flex;align-items:center;overflow:hidden;border-top:1px solid #181815;border-bottom:1px solid #181815;}
    .ticker-track {display:flex;align-items:center;justify-content:space-around;gap:35px;min-width:100%;white-space:nowrap;font:10px var(--mono);letter-spacing:.055em;padding:0 28px;}
    .ticker-track i{font-style:normal;color:var(--orange);font-size:17px;}
    .section {padding:100px 7% 110px;}
    .section-heading {display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;}
    .section-heading h2 {font-size:clamp(39px,4.7vw,70px);letter-spacing:-.075em;line-height:1.04;margin:22px 0 0;font-weight:700;}
    .section-heading p {font-size:14px;max-width:265px;color:#626058;line-height:1.7;margin:0 0 8px;}
    .section-index {font:11px var(--mono);display:inline-flex;gap:12px;align-items:center;} .section-index span{display:inline-block;height:1px;width:35px;background:var(--orange);}
    .features {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
    .feature {min-height:409px;position:relative;border:1px solid var(--line);overflow:hidden;padding:25px 26px 0;background:#ebeae3;transition:transform .2s,border-color .2s;}
    .feature:hover { transform:translateY(-5px);border-color:#8d8981; }
    .feature-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
    .feature-head .n{font:10px var(--mono);color:#78756c;} .feature-head .arrow{font-size:23px;line-height:1;}
    .feature h3{font-size:24px;line-height:1.12;letter-spacing:-.055em;margin:0 0 10px;}
    .feature p{font-size:13px;line-height:1.53;color:#6e6b64;max-width:250px;margin:0;}
    .feature-visual{position:absolute;bottom:0;left:0;right:0;height:210px;overflow:hidden;border-top:1px solid #c3c1b7;background:#e2e1d9;}
    .feature-visual.dial{background:#ff8b00;}
    .dial .circles{position:absolute;top:40px;left:50%;transform:translateX(-50%);height:280px;width:280px;border:1px solid #211c16;border-radius:50%;box-shadow:0 0 0 30px #ff8b00,0 0 0 31px #211c16,0 0 0 61px #ff8b00,0 0 0 62px #211c16;}
    .dial .hands{position:absolute;left:50%;top:142px;transform-origin:bottom;transform:rotate(40deg);height:94px;width:2px;background:#171714;}.dial .hands:after{content:'';height:11px;width:11px;border-radius:50%;background:#171714;position:absolute;bottom:-3px;left:-4px;}
    .dial .digits {font:900 52px var(--digits);letter-spacing:-.11em;position:absolute;left:50%;top:39px;transform:translateX(-50%);white-space:nowrap;}
    .citylist{padding:16px 21px;}.citylist .r{height:44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bebdb4;font:11px var(--mono);}.citylist .r strong{font:800 19px var(--digits);letter-spacing:-.09em;}
    .weathergraphic{padding:16px 21px;position:relative;}.weathergraphic .temp{font:900 67px var(--digits);letter-spacing:-.12em;}.weathergraphic .sun{position:absolute;right:35px;top:28px;width:84px;height:84px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 16px rgba(255,139,0,.14),0 0 0 34px rgba(255,139,0,.08);}.weathergraphic .desc{font:11px var(--mono);margin-top:13px;display:flex;justify-content:space-between;border-top:1px solid #bebdb4;padding-top:13px;}
    .showcase {background:#171715;color:var(--bone);padding:90px 7% 0;overflow:hidden;}
    .showcase-top {display:flex;justify-content:space-between;align-items:flex-end;gap:30px;}
    .showcase h2{font-size:clamp(48px,6vw,88px);font-weight:700;letter-spacing:-.09em;line-height:1;margin:25px 0 15px;max-width:800px;}
    .showcase h2 em{color:var(--orange);font-style:normal;}
    .showcase p{color:#a4a29a;font-size:14px;line-height:1.6;max-width:280px;}
    .showcase-graphic{height:340px;margin-top:50px;border-top:1px solid #4c4b45;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;}
    .world-ring {position:absolute;width:460px;height:460px;border:1px solid #77746c;border-radius:50%;top:62px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 33px #171715,0 0 0 34px #57564e,0 0 0 68px #171715,0 0 0 69px #3c3b37;opacity:.7;}
    .showcase-graphic .zone{z-index:2;position:relative;min-width:165px;}.zone span{font:11px var(--mono);color:#97968f;}.zone strong{display:block;font:800 clamp(23px,3.5vw,48px) var(--digits);letter-spacing:-.09em;margin-top:10px;}.zone b{font-size:16px;margin-top:9px;display:block;}
    .zone:nth-of-type(2){text-align:center;}.zone:nth-of-type(3){text-align:right;}
    .showcase-caption{font:10px var(--mono);position:absolute;bottom:21px;right:0;color:#8a8981;}
    .bottom-cta {background:var(--orange);padding:91px 7% 92px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end;}
    .bottom-cta h2 {font-size:clamp(50px,6.4vw,95px);line-height:.95;letter-spacing:-.087em;margin:24px 0 0;max-width:800px;}
    .bottom-cta p{font:12px/1.6 var(--mono);max-width:300px;margin:0 0 17px;}
    .bottom-cta .btn {white-space:nowrap;margin-top:16px;}
    footer {background:var(--bone);padding:29px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;}
    footer .brand{font-size:18px;} footer .brand-mark{width:23px;height:23px;border-width:2.5px;}footer .brand-mark:before{width:30px;height:9px;border-width:2px;}
    .footer-links{display:flex;gap:28px;font:10px var(--mono);}
    .footer-copy{font:10px var(--mono);color:#77756d;}
    @media(max-width:1200px){.hero {grid-template-columns:49% 51%;}.hero-copy{padding-left:8%;}.hero-stage{min-height:700px;}.hero{min-height:700px;} h1{font-size:clamp(56px,6.1vw,90px);} .phone-left{left:1%;transform:scale(.88) rotate(-7deg);transform-origin:left top;}.phone-center{left:29%;transform:scale(.93) rotate(1.7deg);transform-origin:left top;}.phone-right{left:68%;transform:scale(.88) rotate(7deg);transform-origin:left top;}}
    @media(max-width:960px){ .site-header{height:73px;padding:0 4%;} .nav{gap:18px;margin-right:16px;} .nav a{font-size:11px;} .hero{grid-template-columns:1fr;min-height:0;}.hero-copy{min-height:575px;padding:65px 7% 45px;}.hero-copy h1{font-size:clamp(68px,11vw,100px);max-width:730px;}.hero-foot{margin-top:45px;}.hero-stage{height:580px;min-height:580px;}.phone-left{left:15%;top:125px;transform:rotate(-7deg);}.phone-center{left:39%;top:42px;transform:rotate(1.7deg);}.phone-right{left:68%;top:118px;transform:rotate(7deg);}.section{padding:78px 5% 82px;}.feature{padding:18px 16px 0;min-height:400px;}.features{gap:10px;}.feature h3{font-size:21px;}.bottom-cta{padding:85px 5%;}}
    @media(max-width:660px){ .site-header{padding:0 21px;height:70px;} .brand{font-size:21px;} .nav{display:none;} .header-cta{font-size:10px;padding:10px 12px;gap:12px;}.hero-copy{padding:57px 24px 42px;min-height:0;} h1,.hero-copy h1{font-size:clamp(59px,12.8vw,84px);margin:25px 0 20px;}.hero-description{font-size:14px;line-height:1.6;max-width:330px;}.hero-buttons{gap:8px;margin-top:21px;}.btn{padding:14px 14px;font-size:11px;gap:14px;min-height:48px;}.hero-foot{margin-top:43px;gap:16px;font-size:8px;}.hero-foot strong{font-size:12px;}.hero-stage{height:525px;min-height:525px;}.stage-caption{top:20px;right:23px;font-size:8px;}.stage-bottom{bottom:16px;left:22px;right:22px;font-size:9px;}.stage-orbit{width:430px;height:430px;}.phone-left{left:-19px;top:150px;transform:scale(.76) rotate(-7deg);transform-origin:left top;}.phone-center{left:24%;top:65px;transform:scale(.83) rotate(1.7deg);transform-origin:left top;}.phone-right{left:72%;top:138px;transform:scale(.78) rotate(7deg);transform-origin:left top;}.ticker{min-height:45px;}.ticker-track{font-size:8px;gap:19px;min-width:870px;padding-left:15px;}.section{padding:67px 22px 75px;}.section-heading{display:block;margin-bottom:30px;}.section-heading h2{font-size:44px;}.section-heading p{margin:17px 0 0;font-size:13px;}.features{grid-template-columns:1fr;gap:13px;}.feature{min-height:376px;padding:21px 22px 0;}.feature h3{font-size:26px;}.feature-visual{height:190px;}.showcase{padding:76px 22px 0;}.showcase-top{display:block;}.showcase h2{font-size:54px;}.showcase-graphic{margin-top:25px;height:270px;}.world-ring{width:300px;height:300px;top:55px;}.showcase-graphic .zone{min-width:0;}.zone strong{font-size:19px;}.zone span{font-size:8px;}.zone b{font-size:11px;}.showcase-caption{font-size:7px;}.bottom-cta{padding:66px 22px;display:block;}.bottom-cta h2{font-size:57px;margin-bottom:25px;}.bottom-cta p{font-size:11px;} footer{padding:26px 22px;flex-wrap:wrap;}.footer-links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:9px;}}
    @media(max-width:375px){.hero-copy h1{font-size:53px;}.hero-stage{height:470px;min-height:470px;}.phone-left{transform:scale(.66) rotate(-7deg);top:146px;}.phone-center{transform:scale(.73) rotate(1.7deg);left:22%;top:72px;}.phone-right{transform:scale(.64) rotate(7deg);left:73%;top:147px;}.hero-foot{gap:10px;}.hero-buttons .btn{font-size:10px;}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.feature,.btn,.header-cta{transition:none;}}