:root{
  --bg:#05070c;
  --bg-2:#090d16;
  --panel:#0d1320;
  --panel-2:#111827;
  --line:rgba(255,255,255,.11);
  --line-dark:rgba(8,15,26,.12);
  --text:#f7f9fd;
  --muted:#95a3ba;
  --ink:#08101c;
  --ink-2:#243247;
  --blue:#1268ff;
  --blue-2:#36a4ff;
  --blue-3:#76cbff;
  --white:#fff;
  --off:#f5f7fb;
  --radius:26px;
  --shell:min(1240px,calc(100% - 48px));
  --shadow:0 32px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;background:#fff;color:#000;padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;color:#fff;transition:.35s ease}
.site-header.scrolled{background:rgba(5,7,12,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);padding:11px 0}
.header-shell,.section-shell,.footer-shell{width:var(--shell);margin:0 auto}
.header-shell{display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.18em;font-size:16px}
.brand-mark{width:30px;height:24px;display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;transform:skewX(-11deg)}
.brand-mark i{display:block;border-radius:2px;background:linear-gradient(160deg,#9be7ff,#1675ff 55%,#0246db)}
.desktop-nav{display:flex;gap:34px;margin-left:auto;margin-right:18px;font-size:13px;color:#bdc7d7}.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:#fff}
.header-cta{border:1px solid rgba(255,255,255,.2);padding:11px 16px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(255,255,255,.04);transition:.25s}.header-cta:hover{background:#fff;color:#09101c}
.hero{position:relative;min-height:860px;height:100svh;max-height:1040px;background:radial-gradient(circle at 72% 30%,#0b2453 0,#071326 27%,#05070c 58%);color:#fff;overflow:hidden}
.hero-canvas,.hero-gridlines,.hero-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-gridlines{opacity:.28;background-image:linear-gradient(rgba(116,162,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(116,162,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black 20%,transparent 92%)}
.hero-glow{inset:auto;border-radius:50%;filter:blur(90px);opacity:.38}.hero-glow-a{width:420px;height:420px;background:#005cff;right:10%;top:14%}.hero-glow-b{width:260px;height:260px;background:#00a8ff;left:44%;bottom:7%;opacity:.18}
.hero-shell{width:var(--shell);height:100%;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding-top:70px;position:relative;z-index:2}
.hero-copy{max-width:610px;z-index:4}
.hero-eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.22em;color:#7dbaff}.live-dot{display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#35a9ff;box-shadow:0 0 0 6px rgba(53,169,255,.12),0 0 22px #35a9ff;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(53,169,255,0),0 0 36px #35a9ff}}
.hero h1{font-size:clamp(56px,6.2vw,96px);line-height:.98;letter-spacing:-.075em;margin:27px 0 28px;font-weight:800}.hero h1 em,.section-title h2 em,.showcase-head h2 em,.compare-copy h2 em,.price-copy h2 em,.request-copy h2 em,.final-inner h2 em{font-style:normal;color:#2990ff;text-shadow:0 0 36px rgba(41,144,255,.22)}
.hero-lead{font-size:16px;line-height:2;color:#b9c4d6;letter-spacing:.01em}.hero-actions{display:flex;gap:12px;margin:38px 0 44px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:0 22px;border-radius:10px;font-size:13px;font-weight:800;transition:.25s;border:1px solid transparent}.button span{font-size:18px}.button-primary{background:linear-gradient(100deg,#0960ff,#1c89ff);color:#fff;box-shadow:0 12px 34px rgba(13,105,255,.28)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(13,105,255,.4)}.button-ghost{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035);color:#dbe5f5}.button-ghost:hover{background:rgba(255,255,255,.09)}
.hero-numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);max-width:590px}.hero-numbers>div{padding:18px 16px 0 0}.hero-numbers span,.hero-numbers small{display:block;color:#6f7e94;font-size:9px;letter-spacing:.13em}.hero-numbers strong{display:block;margin:7px 0 4px;font-size:23px;letter-spacing:-.04em}.hero-numbers strong sup{font-size:12px}
.hero-visual{height:660px;position:relative;perspective:1100px;transform-style:preserve-3d}
.orbit{position:absolute;border:1px solid rgba(78,151,255,.15);border-radius:50%;transform:rotateX(68deg) rotateZ(-13deg);box-shadow:0 0 80px rgba(18,104,255,.08)}.orbit-a{width:720px;height:420px;left:-20px;top:100px}.orbit-b{width:520px;height:300px;right:-10px;bottom:40px}
.browser-card{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:14px;overflow:hidden;box-shadow:0 38px 100px rgba(0,0,0,.5);background:#0c111c;transition:transform .2s ease-out;will-change:transform}.browser-main{width:630px;height:430px;right:-62px;top:105px;transform:rotateY(-8deg) rotateX(2deg) rotateZ(-1deg)}.browser-back{width:300px;height:380px;left:-8px;top:38px;transform:rotateY(12deg) rotateZ(-5deg);opacity:.73}.browser-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#0e1420;border-bottom:1px solid rgba(255,255,255,.08)}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#2b3443}.browser-bar b{font-size:8px;color:#6f7b8f;font-weight:500;margin-left:8px;letter-spacing:.04em}
.mock-site{height:calc(100% - 34px);overflow:hidden}.mock-blue{background:#f4f7fb;color:#09101c}.mock-nav{height:52px;display:flex;align-items:center;padding:0 25px;gap:18px}.mock-nav i{font-size:9px;font-weight:900;font-style:normal;margin-right:auto}.mock-nav span{width:30px;height:4px;background:#cbd4df;border-radius:4px}.mock-nav button{border:0;width:57px;height:20px;border-radius:4px;background:#0d65ff}.mock-hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:230px;padding:25px}.mock-copy small{font-size:6px;letter-spacing:.2em;color:#2e7cf9}.mock-copy b{display:block;font-size:30px;line-height:1.05;letter-spacing:-.06em;margin:18px 0}.mock-copy p{width:70%;height:6px;border-radius:3px;background:#d5dde8}.mock-copy p+p{width:54%}.mock-copy button{width:78px;height:27px;margin-top:15px;border:0;border-radius:4px;background:#0a66ff}.mock-photo{position:relative;border-radius:8px;background:linear-gradient(145deg,#101d36,#1c69cf 45%,#98d8ff);overflow:hidden}.mock-photo:before{content:"";position:absolute;width:170px;height:170px;border:34px solid rgba(255,255,255,.16);border-radius:50%;right:-55px;top:-38px}.mock-photo span{position:absolute;width:80%;height:1px;background:rgba(255,255,255,.45);transform:rotate(-35deg);left:15px;bottom:55px}.mock-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 25px}.mock-row i{height:60px;border-radius:6px;background:#e0e6ef}.mock-row i:nth-child(2){background:#0c65ff}.mock-row i:nth-child(3){background:#101825}
.mock-black{height:100%;background:#050505;color:#fff;position:relative;padding:36px 24px}.mock-vertical-word{writing-mode:vertical-rl;font-size:9px;letter-spacing:.4em;color:#577cff;position:absolute;right:20px;top:28px}.mock-circle{width:165px;height:165px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#447ee7,#081127 70%);position:absolute;right:-45px;bottom:45px;filter:saturate(.8)}.mock-black strong{position:relative;z-index:2;font-size:31px;line-height:.95;letter-spacing:-.055em}.mock-lines{position:absolute;bottom:32px;left:24px}.mock-lines i{display:block;height:4px;background:#29354c;width:90px;margin:8px 0}.mock-lines i:nth-child(2){width:64px}.mock-lines i:nth-child(3){width:44px;background:#2d77ff}
.phone-card{position:absolute;width:178px;height:355px;right:56px;bottom:16px;border:7px solid #121824;border-radius:28px;background:#050913;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;transform:rotate(5deg);z-index:5;transition:transform .2s ease-out}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:62px;height:15px;border-radius:9px;background:#111825;z-index:3}.phone-screen{height:100%;padding:39px 18px 18px;background:linear-gradient(165deg,#070b13,#0e2447)}.phone-logo{width:24px;height:24px;border:1px solid #368eff;color:#6cafff;display:grid;place-items:center;font-size:9px;font-weight:900}.phone-screen>span{height:3px;background:#233049;display:block;margin:10px 0;width:42px}.phone-screen>span:nth-of-type(2){width:26px}.phone-screen strong{display:block;font-size:25px;line-height:.9;margin:26px 0 18px;letter-spacing:-.08em}.phone-image{height:115px;border-radius:6px;background:linear-gradient(135deg,#0b58dc,#2d9cff 50%,#a7e3ff);position:relative;overflow:hidden}.phone-image:after{content:"";position:absolute;width:90px;height:90px;border:20px solid rgba(255,255,255,.14);border-radius:50%;right:-26px;top:-16px}.phone-screen button{margin-top:18px;width:70px;height:25px;background:#197dff;border:0;border-radius:3px}
.floating-chip{position:absolute;padding:10px 13px;border:1px solid rgba(117,178,255,.26);border-radius:999px;background:rgba(6,14,29,.74);backdrop-filter:blur(12px);font-size:8px;font-weight:800;letter-spacing:.15em;color:#9acaff;z-index:7;transition:transform .2s ease-out}.floating-chip i{display:inline-block;width:6px;height:6px;background:#4dc0ff;border-radius:50%;margin-right:6px;box-shadow:0 0 12px #4dc0ff}.chip-live{right:362px;bottom:58px}.chip-mobile{right:-18px;top:70px}
.hero-bottom{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:14px;color:#52637b;font-size:8px;letter-spacing:.17em}.hero-bottom i{width:42px;height:1px;background:#324258;position:relative;overflow:hidden}.hero-bottom i:after{content:"";position:absolute;inset:0;background:#50aaff;transform:translateX(-100%);animation:scrollLine 2s infinite}@keyframes scrollLine{to{transform:translateX(100%)}}

.check-section{background:linear-gradient(180deg,#f5f8fd,#fff);padding:120px 0 130px}.check-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.section-kicker{margin:0 0 22px}.dark-kicker{color:#3479dc}.check-copy h2,.section-title h2,.showcase-head h2,.compare-copy h2,.price-copy h2,.request-copy h2,.faq-head h2{font-size:clamp(38px,4.2vw,62px);line-height:1.08;letter-spacing:-.065em;margin:0 0 28px}.check-copy h2 em,.showcase-head h2 em,.price-copy h2 em{font-style:normal;color:#0e67ef}.check-copy>p:not(.section-kicker),.showcase-head>p,.price-copy>p{font-size:15px;line-height:2;color:#627089}.check-points{margin-top:36px;display:flex;gap:12px;flex-wrap:wrap}.check-points span{padding:9px 12px;border:1px solid #dce4ef;border-radius:999px;font-size:11px;color:#3e4e65;background:#fff}.check-points i{font-style:normal;color:#1a75f8;margin-right:7px;font-weight:800}
.form-panel{border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(10,36,78,.12)}.form-panel-light{background:#fff;border:1px solid #e1e8f2}.form-panel-dark{background:linear-gradient(180deg,#0d1421,#0a0f19);border:1px solid rgba(255,255,255,.11);box-shadow:0 40px 100px rgba(0,0,0,.35)}.panel-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #e5ebf3;padding-bottom:18px;margin-bottom:22px}.form-panel-dark .panel-head{border-color:rgba(255,255,255,.1)}.panel-head span{font-size:9px;letter-spacing:.19em;color:#3b80e8;font-weight:800}.panel-head b{font-size:20px;letter-spacing:-.04em}.form-panel-dark .panel-head b{color:#fff}.miruto-form{display:grid;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;position:relative}.field>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;margin-bottom:8px;color:#354259}.field>span b{font-size:8px;background:#e7f0ff;color:#0f66e7;padding:3px 6px;border-radius:4px}.field>span em{font-size:8px;font-style:normal;color:#7b8798;font-weight:600}.form-panel-dark .field>span{color:#b8c2d2}.form-panel-dark .field>span b{background:rgba(25,118,255,.16);color:#69aeff}.form-panel-dark .field>span em{color:#67758b}
.field input,.field textarea{width:100%;border:1px solid #d8e1ec;background:#fbfcfe;color:#0b1421;border-radius:9px;padding:14px 14px;outline:0;transition:.2s;font-size:13px}.field textarea{resize:vertical;line-height:1.75;min-height:130px}.field input:focus,.field textarea:focus{border-color:#1778ff;box-shadow:0 0 0 3px rgba(23,120,255,.09);background:#fff}.form-panel-dark .field input,.form-panel-dark .field textarea{background:#0b111c;border-color:rgba(255,255,255,.12);color:#fff}.form-panel-dark .field input:focus,.form-panel-dark .field textarea:focus{border-color:#2584ff;background:#0e1624;box-shadow:0 0 0 3px rgba(37,132,255,.1)}.field input::placeholder,.field textarea::placeholder{color:#a5afbd}.form-panel-dark input::placeholder,.form-panel-dark textarea::placeholder{color:#536078}
.field-note,.field-status,.field-error{display:block;font-size:9px;line-height:1.5;margin-top:6px}.field-note{color:#8491a3}.field-status.valid{color:#168456}.field-status.invalid,.field-error{color:#d54848;min-height:0}.field.is-invalid input,.field.is-invalid textarea{border-color:#e15050}.textarea-meta{display:flex;justify-content:space-between;gap:12px;color:#708097;font-size:9px;margin-top:6px}.textarea-meta b{color:#4d9aff}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.submit-button{border:0;border-radius:9px;min-height:58px;padding:0 18px 0 20px;display:flex;align-items:center;justify-content:space-between;background:#09121f;color:#fff;font-weight:800;font-size:13px;transition:.25s}.submit-button i{font-style:normal;font-size:18px}.submit-button:hover{background:#1268ff;transform:translateY(-1px)}.submit-blue{background:linear-gradient(90deg,#0d62ff,#228dff);box-shadow:0 12px 32px rgba(16,105,255,.22)}.form-footnote{font-size:9px;line-height:1.7;color:#7b899b;text-align:center;margin:0}.form-panel-dark .form-footnote{color:#66758c}.consent{display:flex;gap:10px;align-items:flex-start;color:#8491a6;font-size:10px;line-height:1.65}.consent input{margin-top:3px;accent-color:#1779ff}.consent a{text-decoration:underline;color:#88bbff}.form-global-error{color:#ff6969;font-size:10px}

.section-dark{background:var(--bg);color:#fff}.concept{padding:130px 0}.section-title{max-width:840px}.section-title h2{color:#fff}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.flow-card{min-height:310px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.35s;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.flow-card:hover{background:rgba(255,255,255,.035);transform:translateY(-4px)}.flow-card>span{display:block;font-size:48px;letter-spacing:-.08em;color:#182438;font-weight:800}.flow-card small{display:block;margin-top:64px;color:#448fe9;font-size:8px;letter-spacing:.2em}.flow-card h3{font-size:23px;margin:10px 0 14px;letter-spacing:-.045em}.flow-card p{font-size:12px;line-height:1.8;color:#77869b}.flow-card.accent{background:linear-gradient(155deg,#0b56da,#1b7dff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}.flow-card.accent>span{color:rgba(255,255,255,.18)}.flow-card.accent small,.flow-card.accent p{color:#c4ddff}

.showcase{padding:130px 0;background:#f5f7fb;overflow:hidden}.showcase-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.showcase-head h2{margin-bottom:0}.design-tabs{display:flex;gap:6px;margin:56px 0 22px}.design-tabs button{border:1px solid #d8e0ea;background:#fff;color:#67748a;padding:11px 14px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.04em;transition:.2s}.design-tabs button.active,.design-tabs button:hover{background:#091322;color:#fff;border-color:#091322}.demo-stage{position:relative;min-height:690px}.demo-browser{position:absolute;left:0;top:0;width:88%;height:610px;border-radius:18px;overflow:hidden;background:#101622;box-shadow:0 45px 100px rgba(16,29,50,.23)}.demo-bar{background:#111824;height:38px}.demo-screen{height:calc(100% - 38px);display:none;position:relative;overflow:hidden}.demo-screen.active{display:block;animation:demoIn .5s ease both}@keyframes demoIn{from{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}
.demo-craft{background:#eee9de;color:#1a1917}.craft-nav{height:68px;display:flex;align-items:center;padding:0 38px;gap:28px;border-bottom:1px solid rgba(34,31,27,.15)}.craft-nav strong{font-family:serif;font-size:23px;margin-right:auto}.craft-nav span{font-size:9px}.craft-body{display:grid;grid-template-columns:1.08fr .92fr;height:410px;padding:36px 38px;gap:24px}.craft-body small{font-size:7px;letter-spacing:.18em;color:#8b744b}.craft-body h3{font-family:"Yu Mincho",serif;font-size:48px;line-height:1.14;font-weight:500;margin:25px 0}.craft-body p{width:68%;height:5px;background:#c8c1b5}.craft-body p+p{width:49%}.craft-body button{margin-top:24px;border:1px solid #26231f;background:transparent;padding:10px 26px;font-size:9px}.craft-body aside{position:relative;background:linear-gradient(145deg,#183739,#6e9189 45%,#c9aa72);overflow:hidden}.craft-body aside:before{content:"";position:absolute;inset:14% 12%;border:1px solid rgba(255,255,255,.55)}.craft-body aside i{position:absolute;left:-20%;bottom:18%;width:140%;height:1px;background:rgba(255,255,255,.6);transform:rotate(-23deg)}.craft-footer{display:grid;grid-template-columns:repeat(3,1fr);padding:0 38px;gap:10px}.craft-footer span{border-top:1px solid rgba(34,31,27,.2);padding-top:14px;font-size:8px;letter-spacing:.12em}
.demo-beauty{background:#171210;color:#f5e8dd}.beauty-nav{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.beauty-nav strong{font-family:serif;font-weight:400;font-size:23px;letter-spacing:.12em}.beauty-nav span{font-size:8px;letter-spacing:.2em}.beauty-body{position:relative;padding:44px 52px;height:450px}.beauty-body small{font-size:7px;letter-spacing:.18em;color:#bda58f}.beauty-body h3{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:61px;line-height:.95;margin:28px 0;position:relative;z-index:2}.beauty-shape{position:absolute;width:360px;height:360px;border-radius:50% 44% 48% 42%;background:radial-gradient(circle at 45% 35%,#e5c9ad,#8a6251 54%,#31201d 73%);right:8%;top:16px;filter:saturate(.8)}.beauty-body button{position:relative;z-index:2;background:transparent;color:#e8d9cb;border:1px solid #8a7264;padding:12px 18px;font-size:8px;letter-spacing:.12em}.beauty-index{position:absolute;right:35px;bottom:28px;font-size:8px;color:#8d786c;letter-spacing:.18em}
.demo-business{background:#f4f7fb;color:#09111e}.biz-nav{height:72px;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.biz-nav strong{font-size:15px;letter-spacing:.06em}.biz-nav div{display:flex;gap:24px;align-items:center;font-size:8px}.biz-nav button{border:0;background:#0a63ee;color:#fff;padding:9px 13px;border-radius:4px;font-size:8px}.biz-body{position:relative;padding:47px 42px;height:375px;background:linear-gradient(145deg,#fff 0,#f6f9fd 60%,#eaf2ff)}.biz-body small{font-size:7px;color:#347be2;letter-spacing:.2em}.biz-body h3{font-size:48px;line-height:1.05;margin:24px 0;letter-spacing:-.055em}.biz-body p{width:34%;height:5px;background:#cad5e5}.biz-body p+p{width:25%}.biz-body>button{margin-top:20px;border:0;background:#101a29;color:#fff;padding:11px 16px;font-size:8px;border-radius:4px}.biz-visual{position:absolute;right:7%;top:12%;width:36%;height:76%;background:#081a39;border-radius:9px;overflow:hidden}.biz-visual:before{content:"";position:absolute;width:190px;height:190px;border:38px solid #156ef4;border-radius:50%;right:-50px;top:-34px}.biz-visual i{position:absolute;left:20px;right:20px;height:1px;background:#33547d}.biz-visual i:nth-child(1){bottom:32%}.biz-visual i:nth-child(2){bottom:46%}.biz-visual i:nth-child(3){bottom:60%}.biz-metrics{display:grid;grid-template-columns:repeat(3,1fr);height:85px;border-top:1px solid #dbe3ee}.biz-metrics div{padding:17px 38px;border-right:1px solid #dbe3ee}.biz-metrics strong{font-size:20px;display:block}.biz-metrics small{font-size:6px;color:#74849a;letter-spacing:.13em}
.demo-phone{position:absolute;right:0;bottom:0;width:205px;height:405px;border:8px solid #0b111b;background:#111;border-radius:31px;box-shadow:0 35px 90px rgba(10,20,35,.35);overflow:hidden;z-index:4}.demo-phone .phone-notch{background:#0b111b;top:4px}.demo-phone>div:last-child{height:100%;padding:42px 18px 18px}.mini-craft{background:#eee9de;color:#222}.mini-craft strong{font-family:serif;font-size:20px}.mini-craft small{display:block;color:#8a7650;font-size:7px;letter-spacing:.2em;margin-top:45px}.mini-craft h4{font-family:"Yu Mincho",serif;font-size:27px;font-weight:500;line-height:1.15;margin:18px 0}.mini-craft i{display:block;height:165px;background:linear-gradient(145deg,#183739,#8aa79b,#c4a875);margin-top:24px}.mini-craft button{width:74px;height:26px;background:#28241f;border:0;margin-top:18px}

.difference{padding:135px 0}.compare-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px;align-items:center}.compare-copy h2{color:#fff}.compare-copy>p:last-child{color:#7e8da3;line-height:1.9;font-size:14px}.compare-table{border-top:1px solid var(--line);border-left:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:.72fr 1fr 1fr;min-height:72px;border-bottom:1px solid var(--line)}.compare-row>*{padding:20px 18px;border-right:1px solid var(--line);display:flex;align-items:center;font-size:11px}.compare-row>span{color:#75849a}.compare-row>b{font-weight:600;color:#9aa7ba}.compare-row .miruto-col{color:#d9eaff;background:rgba(17,105,255,.08)}.compare-head{min-height:48px}.compare-head b{font-size:8px;letter-spacing:.13em}.compare-head .miruto-col{color:#4a9cff}

.price{padding:130px 0;background:#fff}.price-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.price-card{max-width:610px;margin-left:auto;background:#07101d;color:#fff;border-radius:24px;padding:30px;box-shadow:0 38px 90px rgba(8,28,60,.22);position:relative;overflow:hidden}.price-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#096fff;filter:blur(100px);opacity:.18;right:-100px;top:-80px}.price-card>*{position:relative;z-index:2}.price-card-top{display:flex;justify-content:space-between;color:#5f7594;font-size:8px;letter-spacing:.15em}.price-card-top i{font-style:normal;color:#66acff}.price-main{padding:44px 0 28px;border-bottom:1px solid rgba(255,255,255,.1)}.price-main small{font-size:9px;color:#8596ad}.price-main strong{display:block;font-size:65px;letter-spacing:-.075em;margin:5px 0}.price-main strong sup{font-size:25px;vertical-align:18px;margin-right:6px}.price-main p{margin:0;color:#66adff;font-size:10px;font-weight:700}.price-sub{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.1)}.price-sub span{font-size:7px;color:#62738b;letter-spacing:.16em;display:block}.price-sub strong{font-size:25px;display:block;margin-top:5px}.price-sub strong sup{font-size:12px}.price-sub strong small{font-size:9px;color:#7e8b9e}.price-sub p{font-size:10px;line-height:1.7;color:#77879d;margin:0}.price-card ul{list-style:none;padding:20px 0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-card li{font-size:10px;color:#b8c5d7}.price-card li:before{content:"✓";color:#3e9bff;margin-right:8px}.full-button{width:100%}

.request{padding:135px 0}.request-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;align-items:start}.request-copy{position:sticky;top:110px}.request-copy h2{color:#fff}.request-copy>p:not(.section-kicker,.selection-note){color:#7f8fa5;font-size:14px;line-height:1.9}.request-rules{margin-top:40px;border-top:1px solid var(--line)}.request-rules>div{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.request-rules span{color:#3f92f7;font-size:10px;font-weight:800}.request-rules p{margin:0;color:#78889f;font-size:11px;line-height:1.7}.request-rules strong{display:block;color:#dbe5f4;font-size:12px;margin-bottom:3px}.selection-note{font-size:9px!important;line-height:1.75!important;color:#55647a!important;margin-top:22px}.form-panel-dark{padding:32px}

.faq{padding:125px 0;background:#f7f9fc}.faq-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px}.faq-list details{border-top:1px solid #dce3ec}.faq-list details:last-child{border-bottom:1px solid #dce3ec}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#2379ee;font-size:19px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:-3px 0 24px;max-width:760px;font-size:12px;line-height:1.9;color:#68778c}
.final-cta{position:relative;background:#075ee7;color:#fff;min-height:500px;display:grid;place-items:center;overflow:hidden}.final-cta canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.55}.final-inner{position:relative;z-index:2;width:var(--shell)}.final-inner>span{font-size:10px;font-weight:900;letter-spacing:.22em;color:#a6d2ff}.final-inner h2{font-size:clamp(46px,6vw,84px);line-height:1.02;letter-spacing:-.07em;margin:25px 0 35px;max-width:900px}.final-inner h2 em{color:#fff;text-shadow:none;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:10px}.final-inner>div{display:flex;gap:10px;flex-wrap:wrap}.button-white{background:#fff;color:#0855c9}.button-outline{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}.button-outline:hover{background:rgba(255,255,255,.1)}
.site-footer{background:#04070c;color:#fff;padding:65px 0 20px}.footer-shell{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:55px}.footer-brand p{font-size:10px;color:#5f6d80;margin-top:15px}.footer-links{display:grid;gap:12px;align-content:start}.footer-links a{font-size:11px;color:#8290a4}.footer-links a:hover{color:#fff}.footer-operator{display:grid;align-content:start;gap:10px}.footer-operator small{font-size:7px;letter-spacing:.18em;color:#445268}.footer-operator a{font-size:12px;color:#b7c6db}.footer-bottom{width:var(--shell);margin:0 auto;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;display:flex;justify-content:space-between;color:#3e4b5e;font-size:8px;letter-spacing:.08em}
.mobile-cta{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.live-dot,.hero-bottom i:after{animation:none}.reveal{opacity:1;transform:none;transition:none}.browser-card,.phone-card,.floating-chip{transition:none}}
@media (max-width:1050px){:root{--shell:min(calc(100% - 36px),940px)}.desktop-nav{display:none}.hero{height:auto;max-height:none;min-height:980px}.hero-shell{grid-template-columns:1fr;align-content:center;padding:130px 0 80px}.hero-copy{max-width:720px}.hero-visual{height:520px;margin-top:-20px}.browser-main{right:3%;width:72%;height:380px}.browser-back{left:5%;width:27%;height:320px}.phone-card{right:11%;height:315px;width:157px}.chip-live{right:38%;bottom:38px}.check-grid,.compare-grid,.price-grid,.request-grid{grid-template-columns:1fr;gap:55px}.request-copy{position:static}.showcase-head{grid-template-columns:1fr;gap:24px}.demo-browser{width:92%}.flow-grid{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr;gap:25px}.footer-shell{grid-template-columns:1fr 1fr}.footer-operator{grid-column:1/-1}}
@media (max-width:720px){:root{--shell:calc(100% - 28px)}.site-header{padding:13px 0}.header-cta{font-size:0;width:44px;height:40px;padding:0;display:grid;place-items:center}.header-cta span{font-size:17px}.brand{font-size:14px}.brand-mark{width:26px;height:21px}.hero{min-height:940px}.hero-shell{padding:110px 0 58px;display:block}.hero-copy{position:relative;z-index:8}.hero h1{font-size:53px;margin:22px 0}.hero-lead{font-size:13px;line-height:1.8}.desktop-only{display:none}.hero-actions{margin:28px 0 30px}.hero-actions .button{width:100%;min-height:53px}.hero-numbers{grid-template-columns:repeat(3,1fr)}.hero-numbers>div{padding-right:4px}.hero-numbers strong{font-size:17px}.hero-numbers span,.hero-numbers small{font-size:7px}.hero-visual{height:360px;margin-top:28px}.browser-main{width:92%;height:285px;right:-10%;top:36px;transform:rotateY(-7deg) rotateZ(-1deg)}.browser-back{width:42%;height:235px;left:-10%;top:2px}.phone-card{width:116px;height:235px;right:6px;bottom:-4px;border-width:5px;border-radius:20px}.phone-notch{width:44px;height:11px}.phone-screen{padding:29px 12px 12px}.phone-screen strong{font-size:17px;margin:15px 0}.phone-image{height:70px}.phone-screen button{width:47px;height:17px;margin-top:10px}.floating-chip{font-size:6px;padding:7px 9px}.chip-live{left:24%;right:auto;bottom:5px}.chip-mobile{right:0;top:12px}.mock-nav{padding:0 14px;height:40px}.mock-nav span{display:none}.mock-hero{padding:16px;grid-template-columns:1fr 1fr;min-height:170px}.mock-copy b{font-size:18px;margin:10px 0}.mock-copy button{width:55px;height:18px}.mock-row{padding:0 16px}.mock-row i{height:40px}.hero-bottom{display:none}.check-section,.concept,.showcase,.difference,.price,.request,.faq{padding:85px 0}.check-copy h2,.section-title h2,.showcase-head h2,.compare-copy h2,.price-copy h2,.request-copy h2,.faq-head h2{font-size:38px}.check-grid{gap:36px}.form-panel,.form-panel-dark{padding:20px;border-radius:17px}.field-row{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr;margin-top:38px}.flow-card{min-height:230px}.flow-card small{margin-top:30px}.design-tabs{overflow-x:auto;white-space:nowrap;padding-bottom:5px;margin-top:35px}.demo-stage{min-height:460px}.demo-browser{width:100%;height:390px}.demo-phone{display:none}.craft-nav,.beauty-nav,.biz-nav{height:48px;padding:0 18px}.craft-body{height:275px;padding:20px 18px;grid-template-columns:1.2fr .8fr}.craft-body h3{font-size:28px;margin:13px 0}.craft-footer{padding:0 18px}.beauty-body{padding:30px 24px;height:300px}.beauty-body h3{font-size:39px}.beauty-shape{width:220px;height:220px;right:-10px}.biz-body{padding:28px 22px;height:260px}.biz-body h3{font-size:29px}.biz-visual{right:4%;width:34%}.biz-metrics{height:58px}.biz-metrics div{padding:10px 13px}.biz-metrics strong{font-size:14px}.compare-row{grid-template-columns:.75fr 1fr 1fr}.compare-row>*{font-size:9px;padding:15px 9px}.price-card{padding:23px}.price-main strong{font-size:49px}.price-sub{grid-template-columns:1fr}.price-card ul{grid-template-columns:1fr}.request-rules{margin-top:28px}.faq-list summary{font-size:12px}.final-cta{min-height:430px}.final-inner h2{font-size:48px}.final-inner .button{width:100%}.footer-shell{grid-template-columns:1fr;gap:28px}.footer-operator{grid-column:auto}.footer-bottom{padding-bottom:64px;gap:12px;flex-direction:column}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1.25fr;left:10px;right:10px;bottom:10px;z-index:95;background:rgba(5,9,16,.91);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);padding:5px;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.mobile-cta a{height:44px;display:grid;place-items:center;color:#dbe6f7;font-size:10px;font-weight:800}.mobile-cta a:last-child{background:#146fff;color:#fff;border-radius:8px}}

/* Complete edition additions */
.hero-check-teaser{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:590px;margin:-18px 0 28px;padding:15px 16px 15px 18px;border:1px solid rgba(105,170,255,.22);background:linear-gradient(100deg,rgba(18,104,255,.09),rgba(255,255,255,.035));border-radius:14px;backdrop-filter:blur(14px);transition:.28s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.hero-check-teaser:hover{border-color:rgba(95,166,255,.52);background:linear-gradient(100deg,rgba(18,104,255,.16),rgba(255,255,255,.055));transform:translateY(-2px)}
.hero-check-teaser small{display:block;color:#4d91ee;font-size:7px;font-weight:900;letter-spacing:.2em;margin-bottom:5px}
.hero-check-teaser strong{display:block;font-size:12px;line-height:1.55;letter-spacing:.015em;color:#dbe7f8}
.hero-check-teaser>b{display:flex;align-items:center;gap:12px;white-space:nowrap;padding-left:18px;border-left:1px solid rgba(255,255,255,.1);font-size:10px;color:#8fc5ff;letter-spacing:.04em}.hero-check-teaser>b span{font-size:16px}
.hero-numbers{margin-top:0}
@media(max-width:720px){.hero-check-teaser{margin:-10px 0 25px;padding:14px}.hero-check-teaser strong{font-size:10px}.hero-check-teaser>b{font-size:9px;padding-left:12px}.hero-check-teaser strong br{display:none}}

/* =========================================================
   MIRUTO / Original-design positioning + typography refinement
   Existing colors, glow effects and motion system are preserved.
   ========================================================= */
.hero-shell{
  grid-template-columns:.92fr 1.08fr;
  gap:50px;
}
.hero-copy{
  max-width:560px;
}
.hero h1{
  font-size:clamp(2rem,3.2vw,2.8rem);
  line-height:1.35;
  letter-spacing:-.02em;
  margin:25px 0 24px;
}
.hero-lead{
  font-size:.95rem;
  line-height:1.7;
  color:#98A2B3;
  max-width:500px;
  letter-spacing:0;
}
.check-copy h2,
.section-title h2,
.showcase-head h2,
.compare-copy h2,
.price-copy h2,
.request-copy h2,
.faq-head h2{
  font-size:clamp(1.6rem,2.3vw,2rem);
  line-height:1.4;
  letter-spacing:-.02em;
  margin-bottom:24px;
}
.check-grid,
.showcase-head,
.compare-grid,
.price-grid,
.request-grid{
  gap:56px;
}
.section-title{
  max-width:760px;
}
.showcase-head{
  grid-template-columns:1fr 1fr;
}
.check-copy>p:not(.section-kicker),
.showcase-head>p,
.price-copy>p{
  line-height:1.85;
}
.compare-copy>p:last-child,
.request-copy>p:not(.section-kicker,.selection-note){
  line-height:1.85;
}

@media (max-width:1050px){
  .hero-shell{
    gap:48px;
  }
  .check-grid,
  .showcase-head,
  .compare-grid,
  .price-grid,
  .request-grid{
    gap:48px;
  }
}

@media (max-width:720px){
  .hero h1{
    font-size:clamp(2rem,3.2vw,2.8rem);
    line-height:1.35;
    letter-spacing:-.02em;
    margin:22px 0 20px;
  }
  .hero-lead{
    font-size:.95rem;
    line-height:1.7;
    max-width:500px;
  }
  .check-copy h2,
  .section-title h2,
  .showcase-head h2,
  .compare-copy h2,
  .price-copy h2,
  .request-copy h2,
  .faq-head h2{
    font-size:clamp(1.6rem,2.3vw,2rem);
    line-height:1.4;
    letter-spacing:-.02em;
  }
  .showcase-head{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   MIRUTO / Prebuild-first copy refinement
   ========================================================= */
.hero h1{
  font-size:clamp(1.85rem,2.7vw,2.45rem);
  line-height:1.38;
  letter-spacing:-.018em;
  max-width:510px;
}
.hero-copy{
  max-width:540px;
}
.hero-lead{
  max-width:510px;
}
.hero-shell{
  gap:56px;
}

.briefing-fatigue{
  margin-top:72px;
  padding-top:64px;
  border-top:1px solid rgba(255,255,255,.1);
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:56px;
  align-items:center;
}
.briefing-fatigue-copy{
  max-width:560px;
}
.briefing-fatigue-copy h3{
  margin:0 0 24px;
  font-size:clamp(1.45rem,2.1vw,1.9rem);
  line-height:1.5;
  letter-spacing:-.02em;
}
.briefing-fatigue-copy h3 em{
  font-style:normal;
  color:#9fb7ff;
}
.briefing-fatigue-copy>p:not(.section-kicker){
  margin:0 0 16px;
  color:#98A2B3;
  font-size:.92rem;
  line-height:1.9;
}
.briefing-fatigue-copy strong{
  color:#fff;
}
.briefing-fatigue-panel{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:18px;
  align-items:stretch;
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
  border-radius:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.briefing-side{
  padding:24px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
}
.briefing-side>span{
  display:block;
  margin-bottom:24px;
  color:#7f8999;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
}
.briefing-side ul{
  list-style:none;
  padding:0;
  margin:0;
}
.briefing-side li{
  position:relative;
  padding:10px 0 10px 18px;
  color:#8f99a8;
  font-size:.82rem;
  border-top:1px solid rgba(255,255,255,.055);
}
.briefing-side li::before{
  content:"−";
  position:absolute;
  left:0;
  color:#596273;
}
.briefing-side li:first-child{
  border-top:0;
}
.briefing-side.miruto-way{
  background:linear-gradient(160deg,rgba(37,99,255,.11),rgba(255,255,255,.025));
  border-color:rgba(89,127,255,.22);
}
.briefing-side.miruto-way>span{
  color:#b9c9ff;
}
.briefing-side.miruto-way strong{
  display:block;
  margin-bottom:14px;
  color:#fff;
  font-size:1.05rem;
  line-height:1.6;
}
.briefing-side.miruto-way p{
  margin:0;
  color:#a6afbd;
  font-size:.8rem;
  line-height:1.85;
}
.briefing-arrow{
  display:grid;
  place-items:center;
  color:#596273;
  font-size:1.1rem;
}

@media(max-width:1050px){
  .hero-shell{
    gap:48px;
  }
  .briefing-fatigue{
    grid-template-columns:1fr;
    gap:38px;
  }
  .briefing-fatigue-copy{
    max-width:680px;
  }
}
@media(max-width:720px){
  .hero h1{
    font-size:clamp(1.8rem,8.6vw,2.25rem);
    line-height:1.4;
    max-width:100%;
  }
  .hero-shell{
    gap:42px;
  }
  .briefing-fatigue{
    margin-top:56px;
    padding-top:50px;
  }
  .briefing-fatigue-panel{
    grid-template-columns:1fr;
    gap:10px;
  }
  .briefing-arrow{
    transform:rotate(90deg);
    min-height:24px;
  }
  .briefing-side{
    padding:20px;
  }
}